2010-07-16 22 views
29
var directionsService = new google.maps.DirectionsService(); 
var directionsDisplay = new google.maps.DirectionsRenderer(); 

var startMarker = new google.maps.Marker({ position: start, map: map, icon: 'start.png' }); 
var stopMarker = new google.maps.Marker({ position: stop, map: map, icon: 'stop.png' }); 

directionsDisplay.setMap(map); 

var request = { 
origin: start, 
destination: stop, 
travelMode: google.maps.DirectionsTravelMode.DRIVING 
}; 

directionsService.route(request, function(response, status) { 
if (status == google.maps.DirectionsStatus.OK) { 
    directionsDisplay.setDirections(response); 
} 
}); 

हाय पर एक B चिह्न निकालने का तरीका, इस स्क्रिप्ट बिंदु को रोकने के लिए प्रारंभ बिंदु से मार्ग दिखाता है और मैं कस्टम चिह्न का उपयोग करें, लेकिन चूक हरी ए और बी भी दिखाई देते हैं। प्रश्न यह है कि मैं डिफ़ॉल्ट ए और बी मार्कर कैसे हटा सकता हूं, इसलिए मैं केवल अपने कस्टम वाले को देखूंगा?डिफ़ॉल्ट गूगल मैप्स मार्ग दिशा

+0

[गूगल मैप्स एपीआई V3 से दिशा-निर्देश मार्करों निकाला जा रहा है] के संभावित डुप्लिकेट (https://stackoverflow.com/questions/2932416/removing-directions-markers-from-the-google-maps- एपीआई-वी 3) –

उत्तर

72

मार्ग पर मार्करों को प्रदर्शित होने से रोकने के लिए दिशा-निर्देशक पर suppressMarkers विकल्प का उपयोग करने का प्रयास करें। यह उन मार्करों को छोड़ देना चाहिए जिन्हें आपने सीधे नक्शे पर जोड़ा है लेकिन मार्ग से जुड़े लोगों को नहीं दिखाया जाना चाहिए।

directionsDisplay.setMap(map); 
directionsDisplay.setOptions({ suppressMarkers: true }); 
+0

उत्तर के लिए बहुत बहुत धन्यवाद, क्या आप स्ट्रोक रंग सेट करने में मेरी मदद कर सकते हैं? डिफ़ॉल्ट रूप से इसके बोल्ड बैंगनी, लेकिन मुझे सामान्य लाल चाहिए 0 मैंने दिशानिर्देश डिस्प्ले.polylineOptions ({स्ट्रोक रंग: '# 000000'}); लेकिन यह न काम – frytaz

+5

'वर directionsDisplay = नए google.maps.DirectionsRenderer ({ polylineOptions: {strokeColor:" # 4a4a4a ", strokeWeight: 5}, suppressMarkers: सच});' –

+0

बढ़िया खबर है! और यह काम करता है! मुझे लाखों समस्याएं शुरू हो रही हैं क्योंकि आप उन 2 बिंदुओं को संभाल नहीं सकते - ईवेंट और जानकारीविंडो। तो, मैं उन्हें दबाता हूं, इन 2 पूंछ स्थितियों पर नए मार्कर खींचता हूं, आइकन छवि को उनके जैसा ही बदलता है और ... et voilá! अब मेरे पास "अंक" ए और "बी" पर पूर्ण नियंत्रण है। धन्यवाद @tvanfosson –

3
directionsDisplay.setOptions({ 
polylineOptions: { 
      strokeWeight: 4, 
      strokeOpacity: 1, 
      strokeColor: 'red' 
     } 
}); 
संबंधित मुद्दे