開始使用免費開始

視野更窄的地圖

我們可以在 leaflet() 函式中使用 options 參數，限制使用者把地圖平移到焦點之外。透過設定 minZoom 和 dragging，你可以建立一個互動式網頁地圖，讓視角始終鎖定在特定區域。

leaflet(options = 
        leafletOptions(minZoom = 14, dragging = FALSE))  %>% 
  addProviderTiles("CartoDB")  %>% 
  setView(lng = -73.98575, lat = 40.74856, zoom = 14)

另外，如果你想讓使用者可以拖曳地圖，但又不希望偏離太遠，可以透過指定一個矩形的對角兩點來設定地圖的最大邊界。

你將使用 dc_hq，建立一個以「CartoDB」圖磚為底圖、並以 DataCamp 比利時辦公室為中心的地圖。

本練習屬於課程

在 R 中使用 leaflet 製作互動式地圖

檢視課程

練習說明

  • 使用最小縮放層級 12。
  • 將 dragging 選項設為 TRUE。
  • 將最大邊界設為距離總部 0.05 個十進位度。

動手互動練習

試著完成這個範例程式碼，體驗一下這個練習。

leaflet(options = leafletOptions(
                    # Set minZoom and dragging 
                    minZoom = ___, dragging = FALSE))  %>% 
  addProviderTiles("CartoDB")  %>% 
  
  # Set default zoom level 
  setView(lng = dc_hq$lon[2], lat = dc_hq$lat[2], zoom = 14) %>% 
  
  # Set max bounds of map 
  setMaxBounds(lng1 = dc_hq$lon[2] + ___, 
               lat1 = dc_hq$lat[2] + .05, 
               lng2 = dc_hq$lon[2] - ___, 
               lat2 = dc_hq$lat[2] - .05)
編輯並執行程式碼