2011-10-25 20 views
6

Google Maps (API) için yeni ve ben şu sonucu almak gerekir:, üzerinde harita ve yer işaretleri işlemek için biliyorum andaGoogle Haritalar'da tüm işaretleyicilere yollarla nasıl katılır?

paths

(boylam dayalı ve enlem).

var map; 

map = new google.maps.Map(document.getElementById('map_canvas'), { 
    zoom: 7, 
    center: new google.maps.LatLng(response[0].latitude, response[0].longitude), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 

for (var i = 0; i < response.length; ++i) { 

    new google.maps.Marker({ 
     'map' : map, 
     'position' : new google.maps.LatLng(response[i].latitude, response[i].longitude), 
     'title' : response[i].address 
    }); 

} 

Değişken response yapısı gibidir:

[ 
Object 
address: "Krišjāņa Barona iela 25, Riga, LV-1011, Latvia" 
latitude: "24.1245290" 
longitude: "56.9528510" 
__proto__: Object 
, 
Object 
address: "Rīgas iela 1, Tukums, Tukuma novads, LV-3101, Latvia" 
latitude: "23.1630590" 
longitude: "56.9663880" 
__proto__: Object 
] 

işaretlerin bir sürü olabilir. Önizleme resmindeki gibi yollarla işaretleyicilere katılmanın bir yolunu arıyorum.

Ne aramam gerektiğini bilmiyorum ve bu konuda yardımınıza ihtiyacım var beyler. Bir tavsiye için teşekkürler!

cevap

9

bir örnek Google's tutorial den: Ayrıca

var flightPlanCoordinates = [ 
    new google.maps.LatLng(37.772323, -122.214897), 
    new google.maps.LatLng(21.291982, -157.821856), 
    new google.maps.LatLng(-18.142599, 178.431), 
    new google.maps.LatLng(-27.46758, 153.027892) 
    ]; 
    var flightPath = new google.maps.Polyline({ 
    path: flightPlanCoordinates, 
    strokeColor: "#FF0000", 
    strokeOpacity: 1.0, 
    strokeWeight: 2 
    }); 

, the reference entry for Polylines bkz.

Eğer LatLng nesnelerin bir diziye tepki nesne haritası nasıl bilmiyorsanız

, burada bir örnek:

var flightPath = responseArray.map(function (item) { 
    return new google.maps.LatLng(item.latitude, item.longitude); 
}); 
+0

Ben sorun senin zeyilname üzerinde belli değil hala Eee-- olarak bu konuda özelliklerini bulma responseArray için. Genişletebilir misin –

+0

Son olarak şunu eklemelisiniz, flightPath.setMap (map); –

İlgili konular