How do you get the markers in the map object / using ui-leaflet

Question

I'm trying to write a popUp function but I can't seem to figure out how to bind anything to the markers on my map.

<leaflet id="owmMap" event-broadcast="events" center="center" markers="markers" layers="layers"></leaflet>

I've been trying this for a while but it comes back empty

 $scope.markers

score 0 · Answer 1 · answered Jun 01 '16 at 18:47

0

If I got you right you want to bind the content of your $scope.markers variable to the markers attribut uf your element.

To bind a Variable from the scope to the HTML you need to use interpollation like this:

<leaflet markers={{markers}} />

answered Jun 01 '16 at 18:47

virth

66
7

Yes, but I was under the impression they were already part of the scope. Was I wrong to assume this. – Showcaselfloyd Jun 01 '16 at 18:49
Just tried "markers={{markers}}' and it breaks the code. – Showcaselfloyd Jun 01 '16 at 18:50
it depends on the element is this a directive you made by yourself? could you post some code of it? – virth Jun 01 '16 at 18:54
no this is based on ui-leaflet. My bad I should have posted that. I have been through their docs like15 times and I havn't been able to figure it out yet. http://angular-ui.github.io/ui-leaflet – Showcaselfloyd Jun 01 '16 at 18:56
did you define and add a controller like it's documented on the angular-ui page? '

' --> http://angular-ui.github.io/ui-leaflet/#!/examples/marker ? – virth Jun 01 '16 at 19:05
Yes, the directive i'm using is in the top of this message. – Showcaselfloyd Jun 01 '16 at 19:08

score 0 · Answer 2 · answered Jun 01 '16 at 19:14

0

Okay, it appears that I was correct and you can access the markers like so $scope.markers. Why it was not working for me, appears to have been when I was was trying to access them on the page. Sorry and thanks to @virth for tying to help.

answered Jun 01 '16 at 19:14

Showcaselfloyd

790
7
28

How do you get the markers in the map object / using ui-leaflet

2 Answers2