İki nokta arasında yol tarifi almak için bu code kullanıyorum. Rotanın rengini maviden değiştirmek mümkün mü? Kodumda polyline kullanmıyorum. Eğer DirectionsRenderer oluştururkengoogle maps v3 yolunda rota rengini nasıl değiştirebilirim v3
20
A
cevap
38
:) önceden
Thanx Sen opsiyonel DirectionsRendererOptions yapı kullanılarak, çizginin rengini belirtebilirsiniz. Eğer inme rengini değiştirerek rengini değiştirebilir
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Directions service</title>
<link href="https://google-developers.appspot.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
<script src="https://maps.googleapis.com/maps/api/js?v=3"></script>
<script>
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
function initialize() {
directionsDisplay = new google.maps.DirectionsRenderer({
polylineOptions: {
strokeColor: "red"
}
});
var mapOptions = {
zoom:7,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: {lat: 41.850033, lng: -87.6500523}
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
directionsDisplay.setMap(map);
}
function calcRoute() {
var start = document.getElementById('start').value;
var end = document.getElementById('end').value;
var request = {
origin:start,
destination:end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="panel">
<b>Start: </b>
<select id="start" onchange="calcRoute();">
<option value="chicago, il">Chicago</option>
<option value="st louis, mo">St Louis</option>
<option value="joplin, mo">Joplin, MO</option>
<option value="oklahoma city, ok">Oklahoma City</option>
<option value="amarillo, tx">Amarillo</option>
<option value="gallup, nm">Gallup, NM</option>
<option value="flagstaff, az">Flagstaff, AZ</option>
<option value="winona, az">Winona</option>
<option value="kingman, az">Kingman</option>
<option value="barstow, ca">Barstow</option>
<option value="san bernardino, ca">San Bernardino</option>
<option value="los angeles, ca">Los Angeles</option>
</select>
<b>End: </b>
<select id="end" onchange="calcRoute();">
<option value="chicago, il">Chicago</option>
<option value="st louis, mo">St Louis</option>
<option value="joplin, mo">Joplin, MO</option>
<option value="oklahoma city, ok">Oklahoma City</option>
<option value="amarillo, tx">Amarillo</option>
<option value="gallup, nm">Gallup, NM</option>
<option value="flagstaff, az">Flagstaff, AZ</option>
<option value="winona, az">Winona</option>
<option value="kingman, az">Kingman</option>
<option value="barstow, ca">Barstow</option>
<option value="san bernardino, ca">San Bernardino</option>
<option value="los angeles, ca">Los Angeles</option>
</select>
</div>
<div id="map-canvas"></div>
</body>
</html>
5
:) o
directionsService = new google.maps.DirectionsService();
directionsDisplay = new google.maps.DirectionsRenderer({ polylineOptions: { strokeColor: "#8b0013" } });
directionsDisplay.setMap(map);
directionsDisplay.setOptions({ suppressMarkers: true });
calcRoute();
+0
nasıl eklenir? " Statik harita oluştururken polinler (dizi) "ve" polylineOptions "? gibi: "https: //maps-api-ssl.google.com/maps/api/staticmap? ...." –
İlgili konular
- 1. google maps v3
- 2. Google Maps v3 - mil
- 3. GWT + Google Maps API v3
- 4. Google-Maps v3: Harita stilini zum seviyesine göre nasıl değiştirebilirim?
- 5. Google Maps: Google Maps V3 ve ben kullanıyorum
- 6. Google Maps v3 panTo Geri Arama?
- 7. Google Maps API v3: Çizim Yöneticisi
- 8. Google Maps API V3: harita sınırlarını sınırla
- 9. Google Maps API etiketi ile v3 işaretleyici
- 10. Google Maps V3 en yakın caddeye yapışıyor
- 11. google maps v3 API mouseover çokgenlerle mi?
- 12. Google Maps API v3: Özel işaretleyici
- 13. v2 - v3 Google Maps sarmalayıcı API'si
- 14. Oluşturduğum Google Maps V3 Circle & Circle, eşleşmiyor
- 15. Google Maps API V3 fromDivPixelToLatLng tutarlı değil
- 16. Google Maps API V3 yumuşak zumu kapat
- 17. Google maps v3 Çoklu çizgi ipucu
- 18. Google Maps v3 API - Otomatik Tamamla (adres)
- 19. Çokgen çizimi tamamlandığında, google maps api v3
- 20. google maps api v3 etiketleri yok mu?
- 21. Google Maps v3 InfoWindow Çok Geniş
- 22. Google Maps API v3 - GIcon tanımlı değil
- 23. Google maps API V3 yöntemi fitBounds()
- 24. Google maps marker görünmüyor API v3
- 25. Google Maps api V3 güncelleme işareti
- 26. Yüklemeden sonra Google Maps v3 mapOptions nesnesini değiştirin
- 27. etiketi V3
- 28. Google harita v3 özel ... v2 kolaydı ... v3 türünde karışıklık
- 29. Google Maps V3'te bir işaretçinin onclick olayı nasıl tetiklenir?
- 30. Tıklanan çokgen için nasıl başvuru yapabilirim? (google maps api v3)
I kadar basit:
Bu
basitçe DirectionsRendered nesne oluşturulduğunda hattını değiştirerek, benim için çalışıyor polylineOptions sonra kolon beklenmedik bir hata var. Kodu bir kez daha kontrol edip bana bir şey önerebilir misin? – user2809895Benim için çalışır; Cevabımı kullandığım kodla güncelleyeceğim. Tespit edebileceğimiz bir sözdizimi hatası olması durumunda kodunuzu sorunuza eklemek isteyebilirsiniz. Kod için – duncan
thnq çok fazla. Çalışıyor. – user2809895