D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
d3noob
Full window
Github gist
A simple leaflet.js map
This is an example of a simple map presented using
leaflet.js
using
Open Street Map
tiles.
<!DOCTYPE html> <html> <head> <title>Simple Leaflet Map</title> <meta charset="utf-8" /> <link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.7/leaflet.css" /> </head> <body> <div id="map" style="width: 600px; height: 400px"></div> <script src="https://cdn.leafletjs.com/leaflet-0.7/leaflet.js"> </script> <script> var map = L.map('map').setView([-41.2858, 174.78682], 14); mapLink = '<a href="https://openstreetmap.org">OpenStreetMap</a>'; L.tileLayer( 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© ' + mapLink + ' Contributors', maxZoom: 18, }).addTo(map); </script> </body> </html>