多个标记 - 谷歌地图[重复]答案

【问题标题】：Multiple markers - google maps [duplicate]多个标记 - 谷歌地图[重复]
【发布时间】：2016-08-25 13:36:22
【问题描述】：

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

<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，但地图没有显示。它只适用于第一个代码，但只显示一个标记。

【问题讨论】：

标签： google-maps

【解决方案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)

【讨论】：

thanx，这正是我所需要的。