@types/leaflet

Creating a Map

This feature allows you to create a map and set its initial view to a specific geographical point and zoom level.

const map = L.map('mapId').setView([51.505, -0.09], 13);

Adding Tile Layers

This feature allows you to add tile layers to the map, which are the visual representation of the map itself. In this example, OpenStreetMap tiles are used.

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19 }).addTo(map);

Adding Markers

This feature allows you to add markers to the map at specific geographical points.

const marker = L.marker([51.5, -0.09]).addTo(map);

Adding Popups

This feature allows you to bind popups to markers or other map elements, which can display additional information when clicked.

marker.bindPopup('A pretty CSS3 popup.<br> Easily customizable.').openPopup();

Drawing Shapes

This feature allows you to draw shapes like circles, polygons, and rectangles on the map.

const circle = L.circle([51.508, -0.11], { color: 'red', radius: 500 }).addTo(map);