Question

我想在我的谷歌地图上放置多个标记。这是我的代码

<script>
var myCenter=new google.maps.LatLng(43.9433844,16.5050116);
var myCenter2=new google.maps.LatLng(43.9507941,16.5313844);
var myCenter1=new google.maps.LatLng(43.9438657,16.4915124);

function initialize()
{
var mapProp = {
center:myCenter,
zoom:14,
mapTypeId:google.maps.MapTypeId.ROADMAP
};

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

var marker=new google.maps.Marker({
position:myCenter2,
position:myCenter1,
});

marker.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

和html

<div id="googleMap" style="width:100%; height:450px;"></div>

这不起作用。它只显示一个标记。如果我尝试使用本教程http://chrisltd.com/blog/2013/08/google-map-random-color-pins/，则地图不会显示。此外，我尝试了这个https://gist.github.com/parth1020/4481893，并且再次没有显示地图。它仅适用于第一个代码，但只显示一个标记。

Answer 1

那是因为您只插入了1个标记，并覆盖了之前的位置。您应该将它们全部包含在单独的标记中：

var marker1 = new google.maps.Marker({
    position: myCenter1,
});
var marker2 = new google.maps.Marker({
    position: myCenter2,
});
var marker3 = new google.maps.Marker({
    position: myCenter3,
});

marker1.setMap(map)
marker2.setMap(map)
marker3.setMap(map)

多个标记 - 谷歌地图

1 个答案: