私はKMLの読み込みを行っているマーカーを作成していますが、同じキャンバスにマーカーがロードされているため、kmlキャンバスにあります。私はPHPと一緒にこれを使用しているので、コードには少しのPHPがありますが、変数の情報を入力するだけで特別なことはありません。Google Maps V3 Javascript KMLとマーカーで作業する境界を取得する
<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"}]"
今私は通過してマーカーちょうど境界の問題を持っていませんよ。私は緯度とは何か関係があるかどうかはわかりませんが、私はこのトンを読んで物を見つけることはできません。
ここには何が表示されています。
What shows up
これは私が表示したいものです。 What I want to show up
KMLは地図上にありますが、マーカを境界線にしたいと思います。 GoogleマップでKMLに設定する項目があるのですか、または境界が正しく設定されていませんか？私は境界線のビューに、次にKMLビューには右に行くことに気付きました。それは読み込みのでKMLオプションに真：オプションpreserveViewportを追加