複数のマーカー - Googleマップ

Question

Googleマップに複数のマーカーを配置しようとしています。ここに私のコードは、これが機能していない

<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> 

です。 1つのマーカーしか表示されません。 このチュートリアルhttp://chrisltd.com/blog/2013/08/google-map-random-color-pins/を試しても、マップは表示されません。 また、私はこのhttps://gist.github.com/parth1020/4481893で試してみましたが、マップは表示されません。最初のコードでのみ動作しますが、マーカーは1つしか表示されません。

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)