0

私は次のコードを持っています：

<?php if($_GET['postcode']){ ?>

//alert(<?php echo $_GET['postcode'];?>)

<?php }?>

      function initialize() {
        var mapOptions = {
          zoom: 6,
          center: new google.maps.LatLng("<?php echo $_GET['postcode'];?>"),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions);
        map.setTilt(45);

        var addressArray = new Array("<?php echo $_GET['postcode'];?>");
        var geocoder = new google.maps.Geocoder();

        var markerBounds = new google.maps.LatLngBounds();

        for (var i = 0; i < addressArray.length; i++) {
        geocoder.geocode( { 'address': addressArray[i]}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {

        var contentString = '<div id="content">'+
        '<div id="siteNotice">'+
        '</div>'+
        '<h4 id="firstHeading" class="firstHeading">HELLO</h4>'+
        '<div id="bodyContent">'+
        '<p><b>Hello!!</b>' + <?php echo $_GET["order_id"];?> + '</p>'+
        '</div>'+
        '</div>';

        var infowindow = new google.maps.InfoWindow({
        content: contentString
        });

        var marker = new google.maps.Marker({
        map: map, 
        title:"Order Number",
        position: results[0].geometry.location
        });

        markerBounds.extend(results[0].geometry.location);
        map.fitBounds(markerBounds);

        google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map,marker);
        });

        } else {
        alert("Geocode was not successful for the following reason: " + status);
        }
        });
        }
      }

      function loadScript() {
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
            'callback=initialize';
        document.body.appendChild(script);
      }

      window.onload = loadScript;
    </script>

何らかの理由で、マップが読み込まれると、ズームレベルがいっぱいになるため、マーカーに直接ズームされます。初期化セクションでズームレベルを調整しようとしましたが、喜びがありませんでした。私の推測では、それはマーカーの境界と関係があると思います。マーカーが完全にズームされないようにズームを調整する方法を知っている人はいますか？

4

1 に答える 1

1

何らかの理由で、マップが読み込まれると、ズームレベルがいっぱいになるため、マーカーにズームインします。

1つのLatLngを含む境界オブジェクトがある場合は、可能な限りズームインする必要があります。ドキュメントから：

fitBounds（bounds：LatLngBounds）なし指定された境界を含むようにビューポートを設定します。

マーカーが1つしかない場合は、fitBoundsを使用せず、.setCenter（マーカーの座標上で.setZoom（目的のズームレベル））を使用します。

コードで両方のケース（1つのマーカーまたは複数のマーカー）を処理する必要がある場合は、境界に追加するマーカーを数えます。数が1の場合は、.setCenter / .setZoomを使用し、複数の場合は、.fitBoundsを使用します。

于 2013-01-15T17:31:19.787 に答える