Esri Leaflet

100%

✓ Published0🌍 Public

Last edited Oct 4, 2021

Created on Oct 4, 2021

This example builds an interactive map of automotive OEM plants in the USA using the Leaflet library and Esri Leaflet plugins. It displays a vector basemap from ArcGIS with an Esri feature layer showing polygon locations of facilities. The map initializes at a zoom level of four, centering on the Midwest, and leverages Esri’s vector basemap API with a provided API key to render the geographic context.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Leaflet Map Example

This example shows a Leaflet map with interactive markers and a circle overlay, plotting applicant counts per country from a CSV dataset. Using the Leaflet JavaScript library, it renders an OpenStreetMap base layer and adds markers for each data point, binding popups to display country-specific information. The code also demonstrates adding a styled circle geometry to the map, and it imports utilities from TopoJSON for potential geospatial operations.

Kklumng

68% match

Loading thumbnail…

Fork of Hello VizHub

This example displays an interactive Leaflet map centered on a global view, with markers for Germany, India, and San Jose, plus a red circle highlighting the Golden Gate Bridge. It loads Leaflet from UNPKP and uses its `L.map`, `L.tileLayer`, `L.marker`, and `L.circle` APIs with CartoDB’s light basemap tiles. Popups bound to each feature show location names, while an ES6 module exports a companion message displayed separately.

Kklumng

67% match

Loading thumbnail…

Untitled

This example displays a Leaflet map centered on a coastal area, with several vector layers added programmatically. It shows a GeoJSON polygon and point rendered via `L.geoJson`, alongside a marker, a red circle, and a polygon created with `L.marker`, `L.circle`, and `L.polygon`. The map uses a MapTiler Voyager tile layer with CARTO and OpenStreetMap attribution. Popups are bound to each shape, with the marker’s popup opened by default, demonstrating basic interactive map layers in a React-agnostic HTML setup.

Ccharliemok

65% match

Loading thumbnail…

spotlight filter

This interactive map of renewable energy power plants in the US uses a spotlight filter to highlight plants within a 500 km radius of the cursor. The map displays three layers—hydro (blue), wind (light blue), and solar (yellow)—with circle markers sized by plant capacity. Built with Leaflet 0.7.3, the visualization listens for mouse movement and dynamically toggles marker visibility and fill opacity via the `setStyle` API. The underlying GeoJSON data is sourced from the `power-plants.js` file, and the dark basemap tiles come from CartoDB.

663anp3ca

65% match

Loading thumbnail…

hello leaflet.js

This example displays a map of Nepal with its district boundaries and headquarters, overlaid on an OpenStreetMap base layer. Built with Leaflet, Turf, and D3, it loads district and headquarters GeoJSON data via D3’s `d3.json` method, then renders both as interactive vector layers using Leaflet’s `geoJSON` and `tileLayer` APIs. A layer control panel allows toggling the OSM base map, district polygons, and HQ points, demonstrating a straightforward approach to combining spatial datasets in a web map.

Zzach b.

64% match

Loading thumbnail…

Map Practice HTML Starter

This example displays an interactive map centered on San Francisco using the ArcGIS API for JavaScript, with an “arcgis-light-gray” basemap loaded from ArcGIS services. The MapView is configured with a specific longitude, latitude, and zoom level to frame the initial view. The page relies on the ArcGIS `esri/Map` and `esri/views/MapView` modules, while a basic HTML structure and CSS ensure the map fills the viewport. A simple JavaScript console log statement demonstrates basic interactivity for developers.

AAndre J Denais

63% match

Loading thumbnail…

Leaflet map

This example shows a full-screen interactive map of France centered on Paris, using satellite imagery tiles from ArcGIS Online. It employs the Leaflet JavaScript library to create the map and set an initial view. The map is rendered via a tile layer that fetches World_Imagery tiles, allowing users to pan and zoom up to level 20. The page uses simple HTML and CSS for layout, with the map container taking up the entire viewport height.

Iismael-IT-dev

63% match

Loading thumbnail…

Simple Leaflet Map

This example displays a simple interactive map with four settlement markers, each opening a popup with its label. The map is built with Leaflet 0.7, using an OpenStreetMap tile layer. The code initializes a map centered on the first settlement and adds markers from a hardcoded array of coordinates, demonstrating basic Leaflet map creation, tile loading, and marker popup functionality in a plain HTML page.

Ccharliemok

63% match