javascript - 是什么导致我的相机自动平移回地图边界?
问题描述
目前,这是渲染我的地图的代码。如果用户试图将其“拖出”,它会导致“相机”弹回地图中。有没有办法禁用它并允许用户尽可能地拖出和离开?
const sizeOf = require('image-size');
const { callbackify } = require('util');
const mapDimensions = sizeOf(mapFilename);
var map = L.map('mapid', {
minZoom: 8,
maxZoom: 20,
zoom: 15,
attributionControl: false,
zoomControl: false,
center: [0, 0]
// crs: L.CRS.EPSG3857
});
var w = mapDimensions.width,
h = mapDimensions.height,
url = mapFilename;
var southWest = map.unproject([0, h], map.getMaxZoom() - 1);
var northEast = map.unproject([w, 0], map.getMaxZoom() - 1);
var bounds = new L.LatLngBounds(southWest, northEast);
L.imageOverlay(url, bounds).addTo(map);
map.setMaxBounds(bounds);
var markerGroup = L.layerGroup().addTo(map);
注意:我并不是要限制拖动超出地图限制。我试图允许它。
解决方案
推荐阅读
- flutter - 如何在颤动中创建具有圆形边缘的自定义容器?
- python - 如何在 Pyglet 中的图像纹理上添加文本
- python - 对列值进行排序并将索引列附加到其中
- mongodb - Mongodb 连接限制是每个分片还是每个集群?
- python - For-in-loop 多维列表 IndexError
- c# - 有没有办法将 2 个数据网格的行高链接到始终相同?
- c# - C# - 如何扩展 UserLoginEventSuccessEvent
- reactjs - 如何使用 react-router-dom 在“x”秒后“重定向到”
- python - 如何在seaborn中增加子图的大小
- javascript - 绕过浏览器 URL 编码以从查询参数中反射 XSS