Bill Parker Mapping

Why not WordPress?

This is my second site, my first is a static site I produced around the 2020 presidential election to show COVID percent positive rates, race/hispanic population, and ballot drop boxes in Alameda County.

How did I set up the HTML for my first Leaflet map?

The HTML set up for a map is actually quite simple. Most of the work for a map is done in JavaScript. This post will discuss just the HTML set up a Leaflet map where the JavaScript is written in a JavaScript file and not in the HTML between <script> tags.

The JavaScript that displays the map on my first Leaflet map.

This is the first bit of JavaScript written using Leaflet that will display baselayers and an overlay. I decided to start by including a layer switcher with multiple baselayers and just a single overlay. The overlay show COVID-19 Percentage Postive Test in Alameda County. The data is provided by the county through their API.

The JavaScript to display simple symbology on my first Leaflet map.

This is the JavaScript used to display the symbology for the COVID-19 percentage positive test results. The code described where will show how to take an ESRI leaflet layer and apply simple categories to the data for display. No legend or pop ups will be displayed yet. That will be over the next few posts.

The JavaScript to display add a legend on my first Leaflet map.

This is the JavaScript for adding a legend to my map. I will show how to change the code for the symbology to make it so it can be used for symbolizing the polygons and for showing that symbology in the legend. Along with showing how to create that legend and add it to the map.