Javascript 在地图上找不到标记

我正试着画一张地图，但标记不出来。这是我的谷歌地图的javascript

<script src="http://maps.googleapis.com/maps/api/js?key=REMOVED"></script>

<script>

    google.maps.event.addDomListener(window, 'load', initialize);

    function initialize() {
    var pos = {lat: -33.911757, lng: 151.158454};

    var mapProp = {
    mapTypeId:google.maps.MapTypeId.ROADMAP,
    center:pos,
    zoom:17,
    styles: [TOO MUCH CODE HERE SO I REMOVED IT. IT'S A SNAZZY MAP]
};

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

var markerImage = 'http://www.mapsmarker.com/wp-content/uploads/leaflet-maps-marker-icons/bar_coktail.png';

var marker = new google.maps.Marker({
                position: pos,
                map: googleMap,
                title: 'Snazzy!',
                icon: markerImage
});
marker.setMap(googleMap);

}
</script>

google.maps.event.addDomListener（窗口“加载”，初始化）；
函数初始化（）{
var pos={lat:-33.911757，液化天然气：151.158454}；
var mapProp={
mapTypeId:google.maps.mapTypeId.ROADMAP，
中心:pos,，
缩放：17，
styles:[这里的代码太多了，所以我把它删除了。这是一张时髦的地图]
};
var map=new google.maps.map（document.getElementById（“googleMap”），mapProp）；
var markerImage='1〕http://www.mapsmarker.com/wp-content/uploads/leaflet-maps-marker-icons/bar_coktail.png';
var marker=new google.maps.marker({
职位:pos,，
地图：谷歌地图，
标题：“时髦！”，
图标：markerImage
});
marker.setMap（谷歌地图）；
}

HTML：

<div id="googleMap" style="width:600px;height:400px;"></div>

---

我不明白为什么记号笔不显示。这里出了什么问题？

您使用的是在单击函数外部定义的标记

您需要了解的是GoogleMapsAPI，并了解如何获取单击的标记id

标记在循环中递增，并且始终是最后创建的标记

或

您的代码没有创建标记。您应该添加如下内容

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(51.54968,-0.16305), 
    map: map,
    title: "One title"
});

---

在代码中，您将div id

'googleMap'

传递给标记的map属性。 相反，您必须传递初始化的

map

变量。请参见下面的注释和编辑代码

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); //you must use this map variable
var marker = new google.maps.Marker({
                    position: pos,
                    map: map, // map variable must be passed here, instead you passed googleMap
                    title: 'Snazzy!',
                    icon: markerImage
    });