Search Posts

Category: angular-leaflet-directive

angular-leaflet-directive with ecmascript6

I would use angular-leaflet-directive with ecmascript6. I see the map in the browser but i don’t see the path. I import the library this way: import angular from ‘angular’; import ‘leaflet/dist/leaflet.css’; // I’m not secure if this kind of references are a good practice import ‘angular-leaflet-directive/dist/angular-leaflet-directive’; import ‘leaflet/dist/leaflet’; import ‘./style.css’; import routes from ‘./routes’; import MapController from ‘./controller’; import MapService from ‘./service’; export default angular.module(‘map’, [‘leaflet-directive’] ) .config(routes) .controller(‘MapController’, MapController) .service(‘MapService’, MapService) .name; In this […]

Leaflet using inline svg as the base layer

Currently, I serve a map with an imageOverlay base layer. Right now, I need to use an svg instead of the current png imageOverlay, and to alter the svg css (like, changing opacity for the nearest places (paths in the svg) etc), dynamically, so basically, I need to control the actual map svg style dynamically. I’ve decided I need to use an inline svg to alter the style of the svg, instead of an image […]

Integrate Mapzen with Angular-Leaflet-Directive

Trying to integrate Mapzen’s geocoding services which provides a method to autocomplete location searches, with the Angular-Leaflet-Directive. I’m quite new to Angular, and don’t know how it all works yet, so I’ve probably not set everything up straight. The map works and all that, but when I add the map variable for the Mapzen-service, I get this error-message: Uncaught Error: Map container not found. I’m guessing it either has to do with the variable not […]