Skip to content
/ url-map Public

Use URL parameters to generate a map with markers, using Leaflet and OpenStreetMap

Notifications You must be signed in to change notification settings

simonw/url-map

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

url-map

Use URL parameters to generate a map with markers, using Leaflet and OpenStreetMap

Visit it here: https://map.simonwillison.net/

Read about the project's background in A tiny web app to create images from OpenStreetMap maps

Parameters

To center the map on a specific location, add ?center=lat,lon. To set the zoom, use ?zoom=8.

As an alternative to a latitude and longitude you can use ?q= to provide text which will be looked up against the OpenStreetMap Nominatim API. The map will then zoom to the best available bounding box for the first matching result:

If you add a &zoom= to that the zoom you specify will be used instead of the automatic zoom calculated using the bounding box:

To add markers to the map, use ?marker=lat,lon. You can pass this multiple times:

Using this with shot-scraper

You can use this tool to create static map images using shot-scraper. For example:

shot-scraper 'https://map.simonwillison.net/?center=51.49,0&zoom=8&marker=51.49,0&marker=51.3,0.2' \
  --retina --width 600 --height 400 --wait 3000

Produces this image:

A map of London with two blue markers

About

Use URL parameters to generate a map with markers, using Leaflet and OpenStreetMap

Topics

Resources

Stars

Watchers

Forks

Sponsor this project

 

Languages