Как передать несколько значений на карту Google V3? - PullRequest
Новая
       16

Как передать несколько значений на карту Google V3?

0 голосов
/ 29 марта 2011

Как нанести большее количество маркеров на карту Google 

  <script type="text/javascript">
            // When map page opens get location and display map
            $('.page-map').live("pagecreate", function() {


            var latt=[13.0423734,12.918907];
            var lang=[80.2727993,80.145264];
            for(i=0; i<latt.length;i++)
            {
            initialize(latt[i],lang[i]);
            }
            });

            function initialize(lat,lng) 
            {
                var latlng = new google.maps.LatLng(lat,lng);
                var myOptions = {
                    zoom: 5,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };

                var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
                var marker = new google.maps.Marker({
                  position: latlng, 
                  map: map, 
                  title:"Hello World!"
              });   
            }
        </script>

1 Ответ

2 голосов
/ 29 марта 2011

Использовать массивы. 

// When map page opens get location and display map
$('.page-map').live("pagecreate", function() {
    var latt=[13.0423734,12.918907];
    var lang=[80.2727993,80.145264];
    initialize(latt, lang);
});

function initialize(lat_arr,lng_arr)
{
    // Assuming first array element is where you want the map centered
    var latlng = new google.maps.LatLng(lat_arr[0],lng_arr[0]);
    var myOptions = {
        zoom: 5,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
    var markers = [];
    // start i at 0 if you want a marker at the center as well
    for(var i = 1; i < lat_arr.length; i++) {
        latlng = new google.maps.LatLng(lat_arr[i], lng_arr[i]);
        markers[i] = new google.maps.Marker({
            position: latlng,
            map: map,
            title:"Hello World!"
        });
    }
}
...