timmy / Leaflet 多地點標記與自訂圖示
0 喜欢
0 派生
1 文件
最后活跃于 10 months ago
此範例使用 Leaflet 在 OpenStreetMap 上顯示多個地點標記，並使用自訂圖示來強調特定位置，如台北 101、中正紀念堂和士林夜市。點擊標記可顯示彈出資訊，並支援地圖點擊事件以顯示座標。
| 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <head> |
| 4 | <title>Leaflet 多個地點範例</title> |
| 5 | <meta charset="utf-8" /> |
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 7 | <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" /> |
| 8 | <style> |
| 9 | #map { |
| 10 | height: 600px; |
timmy / Leaflet 標記與互動地圖
0 喜欢
0 派生
1 文件
最后活跃于 10 months ago
此範例使用 Leaflet 在 OpenStreetMap 上顯示多個標記，並附加彈出視窗說明不同地點的資訊。地圖支援點擊事件，可顯示使用者點擊的座標，適用於地理資訊應用和旅遊地圖開發。
| 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <head> |
| 4 | <title>Leaflet 地圖範例</title> |
| 5 | <meta charset="utf-8" /> |
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 7 | <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" /> |
| 8 | <style> |
| 9 | #map { |
| 10 | height: 600px; |
上一页
下一页