鐵人檔案
video 圖層 一般在建立播放器時會使用 video 標籤建立播放器，在地圖上可以用 L.videoOverlay() 方式建立video L.videoOv...
前面幾天講解了 Leaflet.js 一些基本的設定，之後要將前面介紹的內容做一些小範例。 地圖上產生多個 icon 功能介紹 亂數產生 icon 點擊座標選...
今天要來用 GeoJSON 產生地圖，並且用選單觸摸時顯示對應的區塊。 功能說明: 產生選單對應 GeoJson 地圖 GeoJson 地圖區塊觸摸時也會連動...
使用 bindPopup() 設定內容時就是塞 DOM 到 leaflet.js 建立的 .leaflet-popup-content 這個節點裡面，可以運用這...
昨天有講解過如何在 Popup 裡面新增想要顯示的內容，今天要實作 Popup 上新增能夠切換內容的元件。 功能說明 準備一個 PopupTabs.vue 裡面...
今天要來實作透過 IntersectionObserver 監聽選單內容移動到可視範圍，控制地圖移到該區塊。 實作 引入選單元件SideBarInMap 引入...
leaflet.fullscreen 可以控制地圖是否進入全屏模式，還有提供其他 option 設定按鈕元件。 載入 leaflet.fullscreen 套件...
下載套件 pnpm i leaflet-minimap 引入 JS 和 CSS 檔案 import "leaflet-minimap/s...
接下來有幾天要來介紹 Leaflet.draw 套件的使用。 引入套件 執行 pnpm i leaflet-draw 分別引入 JS 和 CSS impo...
官方文件 :http://leaflet.github.io/Leaflet.draw/docs/leaflet-draw-latest.html#option...
