Google Maps V3 Javascript Получение границ для работы с KML и маркерами - PullRequest
Новая
       29

Google Maps V3 Javascript Получение границ для работы с KML и маркерами

1 голос
/ 14 июля 2011

Я делаю карту, на которой у меня есть загрузка 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>

вот переменная var_dump json, которую я чередую по широте и долготе.

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 есть на карте, я бы хотел, чтобы маркеры были границами.Есть ли что-то, что делает Google Maps, который устанавливает это в KML, или я сделал границы неправильно?Я замечаю, что он переходит в представление границ, а затем ПРАВО в представление KML.

1 Ответ

1 голос
/ 10 ноября 2011

Попробуйте добавить параметр preserveViewport: true к параметрам KML, чтобы он читался следующим образом: 

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

...