1

KML がキャンバス上にある場合でも、KML がロードされ、マーカーが同じキャンバスにロードされるマップを作成しています。私はこれを php と組み合わせて使用​​しているので、コードには少し php がありますが、変数の情報を入力する以外に特別なことはありません。 

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">  
  jQuery(document).ready(function($) {
      if ($('#map_canvas').length != 0) {
                    var myLatlng = new google.maps.LatLng(45.266438, -93.233225);
                    var myOptions = {
                      zoom: 4,
                      center: myLatlng,
                      mapTypeId: google.maps.MapTypeId.ROADMAP
                    }
                    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

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

                    var kmlLayer = new google.maps.KmlLayer('<?php bloginfo('template_url'); ?>/includes/delivery-maps/mansettisdel.kml', { map: map });

                var jsongeo = <?php echo(json_encode($geo_json)); ?>;               
                $.each(jsongeo, function(index, value) {  
                        var latlng = new google.maps.LatLng(value.lat,value.lng);
                        var marker = new google.maps.Marker({
                            position: latlng, 
                            map: map,
                            title:"Hello World!"
                            }); 
                        bounds.extend(latlng);
                    map.fitBounds(bounds);  

                    });                 

                    }    

    });
</script>

これは、緯度と経度をループしているjsonのvar_dumpです。

string(617) "[{"type":"delivery","lat":"45.341969","lng":"-93.277657","date":"2011-07-11"},{"type":"delivery","lat":"45.005360","lng":"-93.323738","date":"2011-07-12"},{"type":"delivery","lat":"45.319408","lng":"-93.202446","date":"2011-07-12"},{"type":"delivery","lat":"45.131786","lng":"-93.216576","date":"2011-07-13"},{"type":"delivery","lat":"44.804131","lng":"-93.166885","date":"2011-07-13"},{"type":"delivery","lat":"45.119965","lng":"-93.287727","date":"2011-07-13"},{"type":"delivery","lat":"42.358433","lng":"-71.059776","date":"2011-07-13"},{"type":"delivery","lat":"34.195915","lng":"-84.507317","date":"2011-07-13"}]"

今、私は通過するマーカーに問題はありませんが、境界だけです。緯度と経度に関係する何かが他にあるかどうかはわかりませんが、これについてたくさん読んだのですが、何も見つかりません。

登場するのはこちら。
何が現れるか

ここに私が表示したいものがあります。 見せたいもの

KML はマップ上にありますが、マーカーを境界にしたいと思います。KML に設定するために Google マップが行うことはありますか、それとも境界が正しく設定されていませんか? 境界ビューに移動し、次に KML ビューに移動します。

4

1 に答える 1

1

次のように KML オプションにオプション preserveViewport: true を追加してみてください。

var kmlLayer = new google.maps.KmlLayer('<?php bloginfo('template_url'); ?>/includes/delivery-maps/mansettisdel.kml', { 
  map: map,
  preserveViewport: true
});

これにより、KML 境界へのズームが停止するはずです。

http://code.google.com/apis/maps/documentation/javascript/reference.html#KmlLayerOptions

于 2011-11-10T17:25:27.367 に答える