Does not add marker to map about angular-leaflet-directive HOT 10 CLOSED

hi, can you show us how you define the directive inside html? you should also bind center value on directive initilization

from angular-leaflet-directive.

Well, for whatever reason I can't insert the html. It doesn't show.

Basically I have a "leaflet" tag and markers="markers" plus center="center" in the opening tag statement.

from angular-leaflet-directive.

Here's an image of it...

from angular-leaflet-directive.

have you defined the center property on controller initialization? also don't use extend to change the value in scope, assign a new value to it directly:

$scope.center.lat = item.latitude;
$scope.center.lng = item.longitude;
$scope.markers.store = {
    lat: item.latitude,
    lng: item.longitude,
    message: "Drag me to your position",
    focus: true,
};

from angular-leaflet-directive.

I guess I don't understand how this all fits together.

1. Do I even need to pass the "item" variable to the extend function?
2. Do I need to call $scope.addMarker? and if so, where would I call it... once on init?

from angular-leaflet-directive.

OK, I got it!!!

from angular-leaflet-directive.

nice!
In short, avoiding using extend unless you think you really understand how scope works in angular ;p

from angular-leaflet-directive.

@houqp Why are you guys using angular.extend() in every example out there while you don't recommend it?

from angular-leaflet-directive.

Hm.. good point. I think It's because extend is handy for quick scope initialization. It does causes confusion for new angular users when they use it for scope update. But It's not a bad practice to use it. Once a user has a basic understanding of angular scope, he/she will be able to understand what is happening behind the scene :)

from angular-leaflet-directive.

@mikekay01 , can you please tell me how did you solve that problem. Beacause if i try to add markers in the way you did, not via function but in the beginning, leaflet doesnt add them. they ARE in map, but not displayed

from angular-leaflet-directive.