mirror of
https://github.com/Leaflet/Leaflet.git
synced 2025-12-08 21:26:14 +00:00
20 lines
653 B
Markdown
20 lines
653 B
Markdown
---
|
|
layout: tutorial_frame
|
|
title: Basic Setup Example
|
|
customMapContainer: "true"
|
|
---
|
|
<div id='map' style='width: 600px; height: 400px;'></div>
|
|
<script type="module">
|
|
import L, {LeafletMap, TileLayer} from 'leaflet';
|
|
|
|
const map = new LeafletMap('map').setView([51.505, -0.09], 13);
|
|
|
|
const tiles = new TileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
|
maxZoom: 19,
|
|
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
|
|
}).addTo(map);
|
|
|
|
globalThis.L = L; // only for debugging in the developer console
|
|
globalThis.map = map; // only for debugging in the developer console
|
|
</script>
|