गूगल मैप्स एपीआई 3 निकालें चयनित मार्कर केवल

Question

मैं नीचे के रूप में 2 समारोह है:

function addMarker() { 
    marker = new google.maps.Marker({ 
     position: Gpoint, 
     map: map, 
     draggable: true, 
     animation: google.maps.Animation.DROP 
    }); 
    map.panTo(Gpoint); 

    google.maps.event.addListener(marker, "rightclick", 
    function (point) { 
    showContextMarker(point.latLng); }); 
    $('.contextmenu').remove(); 
}; 

function delMarker() { marker.setMap(null); $('.contextmenu').remove(); }; 

तो, समझ सकते हैं के रूप में मैं एक संदर्भ मेनू होने पर विकल्प "मार्कर हटाएँ" है। मैं इस मेनू को दिखाने के लिए, मार्कर जोड़ने के दौरान "दाएं क्लिक" श्रोता को बाध्य कर रहा हूं।

सब कुछ इस पल तक किसी भी समस्या के बिना काम कर रहा है।

लेकिन जब मैं हटाने के लिए मार्कर पर क्लिक करने का प्रयास करता हूं; यह केवल अंतिम जोड़ा मार्कर को प्रभावित कर रहा है। जब मैं दोबारा प्रयास करता हूं; कुछ नहीं हुआ।

तो मेरा विचार है क्लिक किए गए मार्कर की आईडी (या कुछ जो उपयोगी हो सकता है) प्राप्त करना है और इस के अनुसार इस विलोपन समारोह को चलाने के लिए है।

संक्षेप में; मैं उस मार्कर को हटाना चाहता हूं जिसे मैंने कई मार्कर वाले मानचित्र से क्लिक किया था।

क्या आपके पास इस समस्या को हल करने के लिए कोई दृष्टिकोण है?

अग्रिम धन्यवाद!

सोल्ड!

यहां समाधान है। धन्यवाद Fatih। यह आपके मार्गदर्शन के बिना असंभव था:

var id; 
var markers = {}; 
var addMarker = function() { 
    marker = new google.maps.Marker({ 
     position: Gpoint, 
     map: map, 
     draggable: true, 
     animation: google.maps.Animation.DROP 
    }); 
    map.panTo(Gpoint); 
    id = marker.__gm_id 
    markers[id] = marker; 

    google.maps.event.addListener(marker, "rightclick", function (point) { id = this.__gm_id; delMarker(id) }); 
} 

var delMarker = function (id) { 
    marker = markers[id]; 
    marker.setMap(null); 
} 

कॉलिंग द्वारा समारोह को हटा दें: delMarker(id) पी.एस.:

धन्यवाद "ठीक क्लिक इस मामले पर पर्याप्त है"!

Answer 1

Working Sample on jsFiddle

---

गूगल मैप्स

अपने मार्कर का प्रबंधन नहीं है। तो आपके सभी मार्करों को स्वयं ही प्रबंधित किया जाना चाहिए।

वैश्विक मार्कर ऑब्जेक्ट बनाएं और इस ऑब्जेक्ट पर सभी मार्करों को धक्का दें। और मार्कर उदाहरण प्राप्त करते समय प्रत्येक मार्कर को अद्वितीय आईडी दें। फिर जब आप एक मार्कर को हटाना चाहते हैं तो अपनी आईडी लें और इस मार्कर को वैश्विक मार्कर ऑब्जेक्ट में ढूंढें और आखिरकार इस मार्कर इंस्टेंस की सेटमैप विधि को नल तर्क पास करने के साथ कॉल करें।

इसके अलावा मैंने एक डेमो जोड़ा है जो jsFiddle पर काम करता है। कोड भारी दस्तावेज है।

आपका psuedo कोड इस तरह होना चाहिए। अधिक विस्तृत कोड के लिए कृपया डेमो देखें।

 
var currentId = 0; 
var uniqueId = function() { 
    return ++currentId; 
} 

var markers = {}; 
var createMarker = function() { 
    var id = uniqueId(); // get new id 
    var marker = new google.maps.Marker({ // create a marker and set id 
     id: id, 
     position: Gpoint, 
     map: map, 
     draggable: true, 
     animation: google.maps.Animation.DROP 
    }); 
    markers[id] = marker; // cache created marker to markers object with id as its key 
    return marker; 
} 
var deleteMarker = function(id) { 
    var marker = markers[id]; // find the marker by given id 
    marker.setMap(null); 
} 

Answer 2

@Fatih पूरक आप मार्कर का प्रबंधन करना चाहिए जवाब। उदाहरण के लिए आप प्रत्येक मार्कर को सरणी में जोड़ सकते हैं और फिर निकालने के लिए, आप इस मार्कर को सरणी में पा सकते हैं और वैल को मानचित्र में सेट कर सकते हैं।

Answer 3

इस

मेरे लिए काम किया:

एक दूसरे currentId, यदि आप एक बेहतर विचार है, मुझे पता है

var actualMarkerId = 0; 
var currentId = 0; 



    if (actualMarkerId>0) { 
     deleteMarker(actualMarkerId); 
     console.log(actualMarkerId); 
    } 
    var id = uniqueId(); // get new id 
    actualMarkerId = id; 

Answer 4

न्यूनतम परिवर्तनों

var newid=0; 

for (var index in results){ 

var marker = new google.maps.Marker({ 

map: map, 
icon: image, 

__gm_id: = newid+1, 

}); 
} 

अब मार्कर [ '__ gm_id' के लिए जाने ] अभी भी एक मान है

Answer 5

बस अपने मार्कर को दाएं क्लिक फ़ंक्शन में पास करें।

var marker = new google.maps.Marker({ 
    position: event.latLng, 
    map: map, 
    draggable: true, 
    title: 'Hello World!' 
}); 
google.maps.event.addListener(marker, "rightclick", function (point) {delMarker(marker)}); 

और समारोह इस बनाने: उदाहरण के लिए:

var delMarker = function (markerPar) { 
    markerPar.setMap(null); 
} 

आपका मार्करों rightclicks पर हटाने योग्य हो जाएगा।