दिशा-निर्देशों के लिए Google मानचित्र v3 एपीआई में स्टार्ट एंड एंड मार्कर छवि को मैं कैसे बदलूं

Question

मेरे पास दिशा निर्देशक का उपयोग करने पर एक मार्ग लगाया गया है लेकिन मुझे यह नहीं पता कि जेनेरिक Google मार्करों को अपने आप से कैसे बदला जाए।

मैं इसे सामान्य Google मानचित्र स्थिति में जानता हूं और इसका उपयोग करता हूं लेकिन प्रारंभ और अंत के लिए दिशानिर्देश मार्करों के साथ ऐसा करना मुश्किल लगता है।

कोई सलाह, संकेत या कोमल मजाक के लिए धन्यवाद अगर यह एक मूर्खतापूर्ण सवाल है: डी

माइकल

Answer 1

इस आप इसे

दृष्टिकोण अपने सभी चित्र आइकन घोषित कैसे दिखाया गया है की जरूरत है

var movingIcon = new google.maps.MarkerImage('/img/icon_moving.jpg'); 
var startIcon = new google.maps.MarkerImage('/img/icon_start.png'); 

नीचे फिर मार्कर बनाने के दौरान, आईसी का उपयोग विकल्प पर कि मार्कर

marker = new google.maps.Marker({ 
      position: point, 
      map: map, 
      icon: movingIcon 
      }); 

Answer 2

DirectionRender एक विकल्प लेता है markerOptions कहा जाता है के लिए विशिष्ट छवि स्थापित करने के लिए। एपीआई दस्तावेज़ों से उद्धरण:

दिशा-निर्देशक द्वारा प्रदान किए गए सभी मार्कर इन विकल्पों का उपयोग करेंगे।

तो, यदि आप मार्कर सेट करना चाहते हैं तो MarkerImage (जैसा कि फिलर ने इंगित किया है) का उपयोग करें।

आपका अन्य विकल्प suppressMarkers: true को DirectionRender के विकल्पों में पास करना है और फिर बस अपने स्वयं के मार्करों का उपयोग करना है।

Answer 3

पहले तुम तो विकल्प आदि के बाद अपने DirectionsRenderer

directionsDisplay = new google.maps.DirectionsRenderer({suppressMarkers: true}); 
//to hide the default icons 

पर जोड़ने के लिए ...

map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); 
//you set your custom image 
var image = new google.maps.MarkerImage('images/image.png', 
        new google.maps.Size(129, 42), 
        new google.maps.Point(0,0), 
        new google.maps.Point(18, 42) 
       ); 

//you set your icon for each of the direction points Origin 
       var marker1 = new google.maps.Marker({ 
        position: new google.maps.LatLng(19.432651,-99.133201), 
        map: map, 
        icon: image 
       }); 
//you set your icon for each of the direction points Destination, 
       var marker2 = new google.maps.Marker({ 
        position: new google.maps.LatLng(45.508648,-73.55399), 
        map: map, 
        icon: image 
       }); 

आप भी मूल और गंतव्य के लिए अलग चिह्न जोड़ सकते हैं की जरूरत है। बस var image, के साथ खेलें यह मेरे लिए काम करता है!