javascript - 使传单 map 移动响应

Question

我已经用 R 中的 leaflet 包构建了一个传单。这里是所用代码的简化版本

图书馆(传单)

# dumb data
Points <- data.frame(lon = c(41.889, 41.882, 41.891), lat = c(12.455, 12.446, 12.459))

# web map
wland <- 
  leaflet(data = Points) %>% 
  addTiles() %>%
  addCircleMarkers(col = "red", 
                   fillOpacity = 1, 
                   radius = 5,
                   stroke = TRUE,
                   clusterOptions = markerClusterOptions(
                     maxClusterRadius=35, disableClusteringAtZoom=14
                   )) 

saveWidget(wland, "To:/Your/Path/map.html", selfcontained = FALSE)

我上传了 html 和所有 javascript here .它在桌面上看起来不错，但在移动设备上却 react 不佳:标记仍然太小，等等。你知道如何使传单移动响应吗？我应该修改 R-leaflet 创建的 javascript 中的某些内容吗？

谢谢，雅各布

Answer 1

这就是您所需要的。这很简单:http://leafletjs.com/examples/mobile/

导入部分是用于缩放的meta 元素。他们在 2022 年建议:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />