เริ่มต้นใช้งานเริ่มต้นใช้งานได้ฟรี

แผนที่ที่จำกัดมุมมอง

เราสามารถจำกัดความสามารถของผู้ใช้ในการเลื่อนออกจากจุดโฟกัสของแผนที่ได้ โดยใช้อาร์กิวเมนต์ options ในฟังก์ชัน leaflet() การตั้งค่า minZoom และ dragging จะช่วยให้แผนที่เว็บแบบอินเทอร์แอคทีฟโฟกัสอยู่ที่พื้นที่ที่กำหนดเสมอ

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

ในทางกลับกัน หากต้องการให้ผู้ใช้เลื่อนแผนที่ได้แต่ไม่ให้ออกห่างจากพื้นที่มากเกินไป สามารถกำหนดขอบเขตสูงสุดของแผนที่ได้ โดยระบุมุมทแยงสองมุมของสี่เหลี่ยมผืนผ้า

ให้ใช้ dc_hq สร้างแผนที่ด้วย provider tile "CartoDB" โดยให้ศูนย์กลางอยู่ที่สำนักงาน DataCamp ในเบลเยียม

แบบฝึกหัดนี้เป็นส่วนหนึ่งของหลักสูตร

Interactive Maps with leaflet in R

ดูคอร์ส

คำแนะนำการฝึกหัด

  • ตั้งค่าระดับซูมขั้นต่ำที่ 12
  • ตั้งค่าตัวเลือก dragging เป็น TRUE
  • กำหนดขอบเขตสูงสุด .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)
แก้ไขและรันโค้ด