यहां एक उदाहरण दिया गया है मानचित्र पर मार्कर प्रदर्शित करने का तरीका कैसे काम करता है। कुछ संकेत:
- एकाधिक मार्कर प्रदर्शित करते समय,
ui-gmap-markers
. का उपयोग करेंng-repeat
. के बजाय निर्देश एकल मार्कर निर्देश में। - इसी तरह, बहुवचन संस्करण
ui-gmap-windows
का उपयोग करें खिड़कियाँ दिखाने के लिए। - मार्कर निर्देश आपके द्वारा प्रदान की गई ऑब्जेक्ट कुंजी से निर्देशांक पढ़ता है:
<ui-gmap-markers coords="'coords'" ... >
निर्देशांकों कोcoords
. से पढ़ता है आपके मार्कर की विशेषता। वही अन्य विशेषताओं के लिए भी जाता है, जैसेevents
,options
आदि -
मुझे लगता है कि आपका
LocFac.getLocations()
एक वादा लौटाता है - इस प्रकार आपकेMarkers
परिवर्तनीय बहुत संभावित रूप से सही ढंग से असाइन नहीं किया जा रहा है। बेहतर होगा कि आप$scope.markers
. असाइन करें.then
. के अंदर आपके API कॉल का कॉलबैक इस प्रकार है:$scope.markers = []; // init markers to empty array so angular-google-maps has something to draw markers from LocFac.getLocations().then(function(data) { var markers = data.data; angular.forEach(markers, function(marker) { // Assign 'coords' attribute here for the directive to read marker.coords = { latitude: marker.latitude, longitude: marker.longitude } }) $scope.markers = markers; }
यदि इसके बाद भी आपको सहायता की आवश्यकता हो, तो मुझे कुछ प्रदान करने में प्रसन्नता होगी :)