溫馨提示×

leaflet怎樣添加地圖標記

小樊
155
2024-06-18 09:37:58
欄目: 編程語言

要在 Leaflet 中添加地圖標記，您需要使用 L.marker() 方法來創(chuàng)建一個標記對象，然后將其添加到地圖中。以下是一個簡單的示例代碼：

// 創(chuàng)建一個地圖對象
var map = L.map('map').setView([51.505, -0.09], 13);

// 添加一個基礎(chǔ)的地圖圖層
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 19
}).addTo(map);

// 創(chuàng)建一個標記對象并添加到地圖上
var marker = L.marker([51.5, -0.09]).addTo(map);

// 添加一個彈出式標記
marker.bindPopup("<b>Hello world!</b><br>I am a popup.").openPopup();

在上面的示例中，我們首先創(chuàng)建了一個地圖對象，并添加了一個基礎(chǔ)的地圖圖層。然后，我們創(chuàng)建了一個標記對象并設(shè)置其位置。最后，我們將標記對象添加到地圖上，并使用 bindPopup() 方法添加一個彈出式標記。

您可以根據(jù)您的需求自定義標記的樣式和彈出式標記的內(nèi)容。Leaflet 還提供了許多其他方法和選項，使您能夠更靈活地操作地圖標記。更多信息，請查閱 Leaflet 官方文檔：https://leafletjs.com/。

0 踩