Posts

Showing posts with the label esri-leaflet

Wiring Leaflet, ESRI-leaflet, and Angular for a web map

Basic prototype wiring to map geospatial information using Leaflet, ESRI-leaflet, Angular 4.  There are several nice examples out there, but it is a quick and dirty way of putting all things together and display the map using Angular/Cli. Step 1. Generate an angular project from angular/cli                 ng new leafletPrototype Step2. Install all dependencies a.      Npm install leaflet --save b.      Nmp install esri-leaflet --save c.       Npm install @types/leaflet –save Your pacakage.json will looks like – "dependencies" : {     "@angular/common" : "^4.0.0" ,     "@angular/compiler" : "^4.0.0" ,     "@angular/core" : "^4.0.0" ,     "@angular/forms" : "^4.0.0" ,     "@angular/http" : "^4.0.0" ,     "@angular/platform-...

Esri Leaflet Dynamic TileLayer Plugin Example

Image
While working in one my Esri-Leaflet based application, I am stumbled on rendering dynamic map layers on tiled basis. Esri leaflet-api does the perfect job on non-tiled layer display but L.esri.DynamicMapLayer , doesn’t provide the tiled dynamic map layers. Looking around I came across the Tiled dynamic layer plugin for esri-leaflet , for displaying the DynamicMapLayer in tiled mode. Here I have created both non-tiled and tiled DynamicMapLayer version for comparison  using plain esri-leaflet and esri-leaflet with plugin.