İ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
:) ö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>
:) o
directionsService = new google.maps.DirectionsService();
directionsDisplay = new google.maps.DirectionsRenderer({ polylineOptions: { strokeColor: "#8b0013" } });
directionsDisplay.setMap(map);
directionsDisplay.setOptions({ suppressMarkers: true });
calcRoute();
nasıl eklenir? " Statik harita oluştururken polinler (dizi) "ve" polylineOptions "? gibi: "https: //maps-api-ssl.google.com/maps/api/staticmap? ...." –
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