First Leaflet

100%

✓ Published0🌍 Public

Last edited Jul 7, 2015

Created on Jul 7, 2015

This interactive map shows the coffee shops in New York City that the author has visited, with pop-ups displaying each shop’s name and a short personal review or anecdote. Built with Leaflet.js, the map uses OpenStreetMap tile layers and places eight markers at geographic coordinates obtained from the Mondeca Any-Place geocoding service. Each marker binds a popup containing HTML text, and the initial view centers on Manhattan at a zoom level of 12.

AI-generated description

A leaflet.js based interactive map of the coffee shops in NYC that I have visted. The pop-up has the name and my short review/ancedote about the coffee shop. Geographical cordinates are requested from http://mondeca.com/index.php/en/any-place-en

Similar vizzes

Loading thumbnail…

Untitled

This interactive map displays three local businesses in Ithaca, New York, with custom icons and popups that appear on hover. Users can filter the displayed points by category—All, Cafes, or Others—using Bootstrap-styled buttons. The visualization is built with Leaflet for map rendering and GeoJSON data from `businesses.json`, with Font Awesome icons via Leaflet.awesome-markers to distinguish cafes from other business types.

Ccharliemok

68% match

Loading thumbnail…

Simple Leaflet Map

A simple interactive map centered on London demonstrates core Leaflet capabilities. The map displays OpenStreetMap tiles and includes a marker with a popup, a red circle, and a polygon, each bound to popups. Clicking anywhere on the map generates a popup showing the clicked latitude and longitude. The example uses the Leaflet JavaScript library and its `L.map`, `L.tileLayer`, `L.marker`, `L.circle`, `L.polygon`, and `L.popup` APIs to build the visualization.

Dd3noob

65% match

Loading thumbnail…

Inspection Map

An interactive map of New York City displays inspection counts by ZIP code as a choropleth overlay, alongside point markers for museums, theaters, and subways. Users can filter results through a dropdown menu and sidebar rows. The visualization uses Leaflet with marker clustering and Mapbox tiles, rendering geographic data from external GeoJSON sources onto an SVG-backed map interface.

JJn1532

65% match

Loading thumbnail…

A simple map

This example shows a basic interactive map centered on a view of New York City, with the Mapbox streets basemap displayed at zoom level 9. The map is rendered in a full-screen HTML page using the Mapbox.js library, which initializes the map object via `L.mapbox.map` and sets the geographic coordinates and zoom level with `.setView`. The map uses a public access token from the author Jn1532 to load the tiles.

JJn1532

64% 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

64% match

Loading thumbnail…

Created on Cognitive Class Labs

This example shows the process of segmenting and clustering neighborhoods in New York City. It maps each neighborhood to its latitude and longitude coordinates, then uses the Foursquare API to fetch common venue categories per neighborhood. The code applies k-means clustering to group neighborhoods into clusters and visualizes the results on an interactive Folium map, with each cluster color-coded. The underlying neighborhood dataset is downloaded from a public web source, and the map rendering relies on Folium’s mapping library.

DDAVINDER

63% match

Loading thumbnail…

leaflet - Markers on map

This example uses the Leaflet mapping library to place interactive markers on a tile-based map of Tokyo. A small CSV dataset provides the station names and geographic coordinates for each marker, which are loaded with d3.csv. The map background is rendered using Mapbox tile layers, and each station marker is bound to a popup that displays its name. The visualization combines Leaflet’s map interactions with D3’s data-loading capabilities to create a straightforward geographic point display.

HHirosaji

62% match

Loading thumbnail…

DOITT_MUSEUM_01_13SEPT2010

This map displays the locations of museums and cultural institutions across New York City’s five boroughs, with each point labeled by name. The visualization is built using sample GeoJSON data from a gist, which is parsed and rendered as a point layer. The code employs D3.js spatial methods, specifically `d3.geoPath` for drawing map boundaries and `d3.geoCircle` for projecting individual museum coordinates, creating an interactive point-based overview of the city’s cultural landscape.

JJn1532

62% match