ui-leaflet
ui-leaflet copied to clipboard
Can't load in angular templates in the marker message
Im trying to load one of our angular components into the message of the marker, but I'm getting the error
Cannot read property '_panAnim' of null.
and the message is blank. I have been using the tombatossals repo up until, and wanted to change over. My create marker is
addJobMarker(job){ let $job = this.$scope.$new() angular.extend($job,this.getJobMessageScope(job)); this.$scope.leaflet.markers[job._id] = { lat: job.pickup_address.lat, lng: job.pickup_address.lng, getMessageScope: function () { return $job; }, message: '<map-marker header="header" subheader="subheader" lines="lines" buttons="buttons"></map-marker>', icon: { iconUrl: 'assets/images/map-marker-icon.png', iconSize: [40, 40], // size of the icon iconAnchor: [20, 40], // point of the icon which will correspond to marker's location popupAnchor: [0, -35] // point from which the popup should open relative to the iconAnchor } } }
Has anyone seen this before?
+1 got same problem using branch 1X / leaflet #~1.2.x Can we use directives in the popup message ?
+1 got same problem using "leaflet": "^1.3.4", "ui-leaflet": "^1.0.3",
Anyone has solution?