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 … Continue reading Reflections on Building Web Maps With Esri JS API From a Leaflet.js Fanboy
Tag: leaflet
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 … Continue reading Building A Leaflet.js Map App With A jQuery UI Date Picker
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 … Continue reading Esri Leaflet Geocoder Crash Course
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 … Continue reading Setting Up Vector Control for Field Collection & Public Facing Maps
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, … Continue reading Adding Esri Map Services with Custom Tiling Schemes to Leaflet.js
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 … Continue reading Embedding a Leaflet.js Map on a Drupal Site
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 … Continue reading Leaflet GeoJSON Feature Search
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 … Continue reading Using GeoJSON with Leaflet
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, … Continue reading Leaflet Web Map Helper Functions