Reflections on Building Web Maps With Esri JS API From a Leaflet.js Fanboy

When I was in graduate school, I gave myself the goal of one day creating interactive web maps. This was in 2010. About five years later I was ready to learn a platform. Still new to JavaScript, I decided to give the Esri JS API a try. I think I got as far as creating …

Building A Leaflet.js Map App With A jQuery UI Date Picker

From 2010 to 2018, Cumberland County was the fastest growing county in the state of Pennsylvania. For a more detailed look, you can check out the Pennsylvania State Data Center's report (pdf). With that growth, comes many subdivision and land development plans that need to be reviewed by the County's Planning Department. They review these …

Esri Leaflet Geocoder Crash Course

I thought I’d introduce the Esri Leaflet Geocoder plugin in this post. It is one of many plugins Esri has developed to support integration with the Leaflet.js web mapping library. Although Esri states that they “provide no guarantee of individual features, nor a traditional product lifecycle to support planning,” they have integrated their technology with …

Setting Up Vector Control for Field Collection & Public Facing Maps

I wanted to take a break from writing about Python scripts and Leaflet.js maps to share a project from a few years ago.  But don't worry, I've shared a few JavaScript snippets at the end.  As a county government GIS agency, we support various departments in our organization.  Our Vector Control department was interested in …

Adding Esri Map Services with Custom Tiling Schemes to Leaflet.js

I have been developing data visualization web mapping applications for various Cumberland County departments using the Leaflet.js JavaScript library. All of these apps have used the standard WGS84 Web Mercator Auxiliary Sphere projection/tiling scheme. This is used in Google Maps, ArcGIS Online, and the other major web map players. And while this works just fine, …

Embedding a Leaflet.js Map on a Drupal Site

As an active member of the Pennsylvania Mapping & Geographic Information Consortium (PaMAGIC), I am serving as the website admin for the organization.  A few months ago we completed the rebuild of our site using Drupal 7.x.  As our membership is primarily professionals who use maps in their daily work, we wanted to include a …

Leaflet GeoJSON Feature Search

Last month I published the PaMAGIC Members Map on the organization's website.  The map was built using the Esri plugins to Leaflet.js.  One of my favorite features of their geocoding plugin is the ability to search within the features of a map/feature service.  The map is using this plugin to allow users to search for …

Using GeoJSON with Leaflet

Last November, I presented an introductory session on the GeoJSON data format at the Central PA GIS Day event in Harrisburg, PA.  I also have a GeoJSON/Leaflet pen on CodePen that has been getting decent traffic lately.  With these things in mind, I thought I’d share a some thoughts about GeoJSON. My presentation and demos from …

Leaflet Web Map Helper Functions

I believe it was back at GIS Day 2015 when I decided I was going to give the Leaflet.js web mapping library a shot.  I had some HTML and CSS skills under my belt, and knew a little bit about JavaScript.  I started creating simple embedded maps.  My first full-page app had a weak design, …