私は次のコード (下) を持っています。これは、php に埋め込まれた JavaScript で、多数のマーカーを使用して Google マップを作成します。そのため、ズームをすべてのマーカーが表示されるレベルに設定したいと考えています。私はこのコードが必要であることを理解しています:
var latlngbounds = new google.maps.LatLngBounds();
for (var i = 0; i < latlng.length; i++) {
latlngbounds.extend(latlng[i]);
}
map.fitBounds(latlngbounds);
境界を設定しますが、これをどこに置くべきか、または使用しているコードにどのような変更を加える必要があるかがわかりません。
$zoom = 10;
$markers = '';
$mrtallyman = 1;
foreach($locations as $location) {
$markers .= 'var myLatlng = new google.maps.LatLng'.$location[1].';
var marker'.$mrtallyman.' = new google.maps.Marker({
position: myLatlng,
map: map,
title:"'.$location[0].'",
icon: "https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld='.$mrtallyman.'|FF776B|000000",
});';
$mrtallyman++;
}
echo '
<script type="text/javascript">
function initialize() {
var userLocation = "'.$area.'";
var geocoder = new google.maps.Geocoder();
geocoder.geocode( {"address": userLocation}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latLng = results[0].geometry.location;
var mapOptions = {
center: latLng,
zoom: '.$zoom.',
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("searchPageMap"), mapOptions);
'.$markers.'
} else {
alert("Geocode failed. Reason: " + status);
}
});
}
google.maps.event.addDomListener(window, "load", initialize);
</script>';
誰か助けてくれませんか?