Google मानचित्र

Question

के लिए ट्रैकिंग पथ पर दिशा कैसे जोड़ें I मार्कर पॉइंट्स और उन्हें जोड़ने वाली लाइन के साथ मानचित्र पर ट्रैकिंग दिखा रहा हूं।

समस्या यह है कि मैं लिंक पर यात्रा की दिशा दिखाना चाहता हूं;

इसलिए मुझे मार्कर पॉइंट्स के बीच की रेखा को दिशा दिखाने का तरीका नहीं मिल रहा है।

क्या इस कार्य को पूरा करने का कोई तरीका है।

Answer 1

पॉलीलाइन पर दिशा दिखा रहा है तीरों के साथ पूरा किया जा सकता है।

कुछ पूर्वनिर्धारित पथ हैं जो Google मानचित्र api3 प्रदान करता है।

प्रलेखन के इस खंड को देखें - SYMBOLS ON POLYLINE, जिसका उपयोग किसी तीर के अलावा किया जा सकता है।

इस पहेली को देखें जो पॉलीलाइन पर दिशा को इंगित करने के लिए तीर का उपयोग करता है।

DEMO with a sigle symbol

तुम भी इतना है कि यह नियमित अंतराल के लिए दोहराता प्रतीक के लिए repeat गुण सेट कर सकते हैं।

DEMO with repeating symbols

जावास्क्रिप्ट

var iconsetngs = { 
    path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW 
}; 
var polylineoptns = { 
    path: markers, 
    strokeOpacity: 0.8, 
    strokeWeight: 3, 
    map: map, 
    icons: [{ 
     icon: iconsetngs, 
     offset: '100%'}] 
}; 
polyline = new google.maps.Polyline(polylineoptns); 

इस पूर्वनिर्धारित प्रतीक के दिलचस्प सुविधा (आगे तीर विशेष रूप से) है कि सटीक दिशा की ओर तीर अंक जो आपके समन्वय की स्थित हैं। तो, यह स्पष्ट रूप से एक ट्रैकिंग सिस्टम में दिशा को दर्शाने के उद्देश्य से कार्य करता है।

अद्यतन: इस बिंदु के बारे में निश्चित नहीं है कि आप टिप्पणियों में बताने की कोशिश कर रहे हैं। मार्कर एक ही तरीके से प्रदर्शित किया जा सकता है।

DEMO WITH MARKERS AND POLYLINE

जावास्क्रिप्ट:

var polylineoptns = { 
     strokeOpacity: 0.8, 
     strokeWeight: 3, 
     map: map, 
     icons: [{ 
      repeat: '70px', //CHANGE THIS VALUE TO CHANGE THE DISTANCE BETWEEN ARROWS 
      icon: iconsetngs, 
      offset: '100%'}] 
    }; 
    polyline = new google.maps.Polyline(polylineoptns); 
    var z = 0; 
    var path = []; 
    path[z] = polyline.getPath(); 
    for (var i = 0; i < markers.length; i++) //LOOP TO DISPLAY THE MARKERS 
    { 
     var pos = markers[i]; 
     var marker = new google.maps.Marker({ 
      position: pos, 
      map: map 
     }); 
     path[z].push(marker.getPosition()); //PUSH THE NEWLY CREATED MARKER'S POSITION TO THE PATH ARRAY 
    }