複数のマーカーでGoogleマップを表示するプロジェクトを開発しました。私の問題は、初期ロード時にすべてのマーカーが表示されるわけではないことです。すなわち。マーカーが 4 つある場合、マップが最初に読み込まれたときにマップに表示されるのは 2 つだけです。残りのマーカーを表示するにはズームアウトする必要があります。
どうすれば問題を解決できますか?
JavaScriptを介してGooglemapを取得するための私のコードを次に示します
window.onload=function(){
var mapOptions={
center:new google.maps.LatLng(markers[0].lat,markers[0].lng),
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var infoWindow=new google.maps.InfoWindow();
var map=new google.maps.Map(document.getElementById("dvMap"),mapOptions);
var bounds=new google.maps.LatLngBounds();
for(i=0;i<markers.length;i++){
var data=markers[i];
var latlng=new google.maps.LatLng(data.lat,data.lng);
var marker=new google.maps.Marker({
position:latlng,
map:map,
title:data.title
});
(function(marker,data){
google.maps.event.addListener(marker,"click",function(e){
infoWindow.setContent(data.description);
infoWindow.open(map,marker);
});
})(marker,data);
}
}