Javascript 标记在谷歌地图中不可见

我正在尝试用标记和圆圈显示谷歌地图。地图和圆圈显示正确，但标记在地图上不可见

请建议我应该在代码中做哪些更改

<div id="mapview" style="width: 100%; height: 700px;">
</div>
<script>
    var map;
    var info_window;
    function initialize() {
        var mapOptions = {
            zoom: 11,
            center: new google.maps.LatLng(51.561918, -0.31237799999996696),
            mapTypeId: google.maps.MapTypeId.ROADMAP, scrollwheel: false
        };
        map = new google.maps.Map(document.getElementById('mapview'), mapOptions);
        var image = '../Image/salemarker.png';
        var user = new google.maps.Marker({
            map: map,
            position: new google.maps.LatLng(51.561918, -0.31237799999996696),
            animation: google.maps.Animation.DROP, icon: image
        });
        var circle = new google.maps.Circle({
            map: map,
            radius: 1609.344, // 10 miles in metres
            strokeColor: '#08355A;',
            strokeOpacity: 0.8,
            strokeWeight: 2,
            fillColor: '#fffff',
            fillOpacity: 0.2,
        });
        info_window = new google.maps.InfoWindow({
            content: 'loading'
        });
        user.setMap(null);
        function addMarkersc() {
            createLocationOnMap('4 bed semi detached For sale', new google.maps.LatLng(51.5661728, 51.5661728), '<p>48, The fairway, wembley, HA..</p>');
        }
        addMarkersc();
        circle.bindTo('center', user, 'position');
        map.fitBounds(circle.getBounds());
    }
    google.maps.event.addDomListener(window, 'load', initialize);
    var image1 = '../Image/salemarker.png';
    function createLocationOnMap(titulo, posicao, conteudo) {
        var m = new google.maps.Marker({
            map: map,
            title: titulo,
            icon: image1,
            position: posicao,
            html: conteudo
        });
        google.maps.event.addListener(m, 'mouseover', function () {
            info_window.setContent(this.html);
            info_window.open(map, this);
        });
    }
</script>

var映射；
var信息窗口；
函数初始化（）{
变量映射选项={
缩放：11，
中心：新google.maps.LatLng（51.561918，-0.312377999996696），
mapTypeId:google.maps.mapTypeId.ROADMAP，滚轮：false
};
map=new google.maps.map（document.getElementById（'mapview'），mapOptions）；
var image='../image/salemarker.png'；
var user=new google.maps.Marker({
地图：地图，
位置：new google.maps.LatLng（51.561918，-0.312377999996696），
动画：google.maps.animation.DROP，图标：image
});
var circle=new google.maps.circle({
地图：地图，
半径：1609.344，//10英里（米）
strokeColor:“#08355A；”，
笔划不透明度：0.8，
冲程重量：2，
fillColor:“#fffff”，
填充不透明度：0.2，
});
info_window=新建google.maps.InfoWindow({
内容：“正在加载”
});
user.setMap（空）；
函数addMarkersc（）{
createLocationOnMap（“出售的四床半独立式”，新的google.maps.LatLng（51.5661728，51.5661728），”48，夏威夷州温布利球道……
）；
}
addMarkersc（）；
圆圈.bindTo（'center'，user'，position'）；
map.fitBounds（circle.getBounds（））；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
var image1='../Image/salemarker.png'；
函数createLocationMap（titulo、posicao、conteudo）{
var m=新的google.maps.Marker({
地图：地图，
标题：提图洛，
图标：image1，
职位：国际民航组织，
html:conteudo
});
google.maps.event.addListener（m'mouseover'，function（）{
info_window.setContent（this.html）；
信息窗口。打开（地图，此）；
});
}

试着这样做：

<div id="mapview" style="width: 100%; height: 700px">    
<script>
    var map;
    var info_window;
    function addMarkersc() {
        var titulo = '4 bed semi detached For sale';
        var posicao = new google.maps.LatLng(51.5661728,51.5661728);
        var conteudo = '<p>48, The fairway, wembley, HA..</p>';
        var image = '../Image/salemarker.png';
        var m = new google.maps.Marker({
            map: map,
            title: titulo,
            icon: image,
            position: posicao,
            html: conteudo
        });      
        google.maps.event.addListener(m, 'mouseover', function () {
            info_window.setContent(this.html);
            info_window.open(map, this);
        });
    }
    function initialize() {
        var mapOptions = {
            zoom: 11,
            center: new google.maps.LatLng(51.561918,-0.31237799999996696),
            mapTypeId: google.maps.MapTypeId.ROADMAP,scrollwheel: false
        };
        map = new google.maps.Map(document.getElementById('mapview'),mapOptions);
        var image = '../Image/salemarker.png';
        var user = new google.maps.Marker({
            map: map,
            position: new google.maps.LatLng(51.561918,-0.31237799999996696),
            animation: google.maps.Animation.DROP,
            icon: image
        });
        var circle = new google.maps.Circle({
            map: map,
            radius: 1609.344,    // 10 miles in metres
                  strokeColor: '#08355A;',
                  strokeOpacity: 0.8,
                  strokeWeight: 2,
                  fillColor: '#fffff',
                  fillOpacity: 0.2,
        });
        info_window = new google.maps.InfoWindow({
            content: 'loading'
        });
        user.setMap(null);
        circle.bindTo('center', user, 'position');
        map.fitBounds(circle.getBounds());
        addMarkersc();
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>

var映射；
var信息窗口；
函数addMarkersc（）{
var titulo=‘出售的4张半独立床’；
var posicao=new google.maps.LatLng（51.5661728,51.5661728）；
var conteudo=“48，夏威夷州温布利球道……”；
var image='../image/salemarker.png'；
var m=新的google.maps.Marker({
地图：地图，
标题：提图洛，
图标：图像，
职位：国际民航组织，
html:conteudo
});      
google.maps.event.addListener（m'mouseover'，function（）{
info_window.setContent（this.html）；
信息窗口。打开（地图，此）；
});
}
函数初始化（）{
变量映射选项={
缩放：11，
中心：新google.maps.LatLng（51.561918，-0.312377999996696），
mapTypeId:google.maps.mapTypeId.ROADMAP，滚轮：false
};
map=new google.maps.map（document.getElementById（'mapview'），mapOptions）；
var image='../image/salemarker.png'；
var user=new google.maps.Marker({
地图：地图，
位置：new google.maps.LatLng（51.561918，-0.312377999996696），
动画：google.maps.animation.DROP，
图标：图像
});
var circle=new google.maps.circle({
地图：地图，
半径：1609.344，//10英里（米）
strokeColor:“#08355A；”，
笔划不透明度：0.8，
冲程重量：2，
fillColor:“#fffff”，
填充不透明度：0.2，
});
info_window=新建google.maps.InfoWindow({
内容：“正在加载”
});
user.setMap（空）；
圆圈.bindTo（'center'，user'，position'）；
map.fitBounds（circle.getBounds（））；
addMarkersc（）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

试着这样做：

<div id="mapview" style="width: 100%; height: 700px">    
<script>
    var map;
    var info_window;
    function addMarkersc() {
        var titulo = '4 bed semi detached For sale';
        var posicao = new google.maps.LatLng(51.5661728,51.5661728);
        var conteudo = '<p>48, The fairway, wembley, HA..</p>';
        var image = '../Image/salemarker.png';
        var m = new google.maps.Marker({
            map: map,
            title: titulo,
            icon: image,
            position: posicao,
            html: conteudo
        });      
        google.maps.event.addListener(m, 'mouseover', function () {
            info_window.setContent(this.html);
            info_window.open(map, this);
        });
    }
    function initialize() {
        var mapOptions = {
            zoom: 11,
            center: new google.maps.LatLng(51.561918,-0.31237799999996696),
            mapTypeId: google.maps.MapTypeId.ROADMAP,scrollwheel: false
        };
        map = new google.maps.Map(document.getElementById('mapview'),mapOptions);
        var image = '../Image/salemarker.png';
        var user = new google.maps.Marker({
            map: map,
            position: new google.maps.LatLng(51.561918,-0.31237799999996696),
            animation: google.maps.Animation.DROP,
            icon: image
        });
        var circle = new google.maps.Circle({
            map: map,
            radius: 1609.344,    // 10 miles in metres
                  strokeColor: '#08355A;',
                  strokeOpacity: 0.8,
                  strokeWeight: 2,
                  fillColor: '#fffff',
                  fillOpacity: 0.2,
        });
        info_window = new google.maps.InfoWindow({
            content: 'loading'
        });
        user.setMap(null);
        circle.bindTo('center', user, 'position');
        map.fitBounds(circle.getBounds());
        addMarkersc();
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>

var映射；
var信息窗口；
函数addMarkersc（）{
var titulo=‘出售的4张半独立床’；
var posicao=new google.maps.LatLng（51.5661728,51.5661728）；
var conteudo=“48，夏威夷州温布利球道……”；
var image='../image/salemarker.png'；
var m=新的google.maps.Marker({
地图：地图，
标题：提图洛，
图标：图像，
职位：国际民航组织，
html:conteudo
});      
google.maps.event.addListener（m'mouseover'，function（）{
info_window.setContent（this.html）；
信息窗口。打开（地图，此）；
});
}
函数初始化（）{
变量映射选项={
缩放：11，
中心：新google.maps.LatLng（51.561918，-0.312377999996696），
mapTypeId:google.maps.mapTypeId.ROADMAP，滚轮：false
};
map=new google.maps.map（document.getElementById（'mapview'），mapOptions）；
var image='../image/salemarker.png'；
var user=new google.maps.Marker({
地图：地图，
位置：new google.maps.LatLng（51.561918，-0.312377999996696），
动画：google.maps.animation.DROP，
图标：图像
});
var circle=new google.maps.circle({
地图：地图，
半径：1609.344，//10英里（米）
strokeColor:“#08355A；”，
笔划不透明度：0.8，
冲程重量：2，
fillColor:“#fffff”，
填充不透明度：0.2，
});
info_window=新建google.maps.InfoWindow({
内容：“正在加载”
});
user.setMap（空）；
圆圈.bindTo（'center'，user'，position'）；
map.fitBounds（circle.getBounds（））；
addMarkersc（）；
}
google.maps.event.addDomListener（窗口'loa
var mapOptions = {
  zoom: 11,
  center: new google.maps.LatLng(51.561918,-0.31237799999996696),
  mapTypeId: google.maps.MapTypeId.ROADMAP,scrollwheel: false
};

    function InitializeMap1() {
    geocoderMap = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(48.856614, 2.352222);
    var myOptions =
    {
        zoom: 12,
        minZoom: 12, // panControl: false,   zoomControl: false,   scaleControl: false, streetViewControl: true, //
        center: latlng,
        streetViewControl: false,
        scaleControl: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        disableDefaultUI: true,
        zoomControl: true
    };
    map = new google.maps.Map(document.getElementById("map"), myOptions);
    var arrayMain = [];
    var markerLatLng = new google.maps.LatLng(48.856614, 2.352222);
    var marker = new google.maps.Marker({
        map: map,
        position: markerLatLng,
        center: markerLatLng
    });
    arrayMain.push(marker);
}