Mapbox.GL:滚动放大和缩小到自定义地图框地图上的特定坐标
Mapbox.GL: scroll zoom in and out to specific coordinates on custom mapbox map
我已经在我的网站上嵌入了一个自定义的mapbox工作室地图,并设置了minZoom和maxZoom坐标,以便它只缩小到某个缩放级别并放大到某个缩放级别。 但是当用户放大时,地图会转到用户放置鼠标指针的位置,这是正确的,但我希望它缩放回起点,而不是用户放置鼠标指针的位置。
这是我找到的最接近的例子,但我不想要叙述,我希望用户只是在地图上滚动:https://www.mapbox.com/mapbox-gl-js/example/scroll-fly-to/
坐标,当用户向上滚动时,嵌入的地图缩小到一组特定的坐标?
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v8',
center: [-118.451784, 34.035947], // starting position
zoom: 11.66,
maxZoom: 11.66, // starting zoom
minZoom: 1.4, // ending zoom
doubleClickZoom: false,
dragRotate: false,
dragPan: false
});
不幸的是,对于现有的mapbox-gl-js API来说,这并不容易。我建议禁用所有内置交互处理程序,并为调用Map#setZoom
的wheel
事件编写自己的事件处理程序
相关文章:
- 在谷歌地图上获取事件的x,y坐标
- 点击(右键点击)使用传单地图库获取图像覆盖的像素坐标
- 使用D3.js和GeoJson在地图上的某些坐标上设置一个小图像
- 通过“更改谷歌地图坐标”;点击”;
- 从用户那里获取谷歌地图坐标
- SVG 世界地图坐标
- 如何缩放 html5 画布以显示谷歌地图坐标
- 为什么不't锚只适用于Firefox中的地图坐标
- 使用谷歌地图坐标连接两个对象数组
- 如何舍入谷歌地图坐标在我的getElementById.innerHTML
- 将经纬度坐标转换为图像地图坐标
- 映射谷歌地图坐标从一个javascript变量
- 将地图视窗点击位置转换为地图坐标(Bing地图)
- 最好和最简单的方法传递地图坐标到谷歌地图
- 在数组中设置多个谷歌地图坐标对象
- 我该如何从贴图坐标切换到地图坐标
- 点击检索谷歌地图坐标
- Javascript谷歌地图坐标,parseFloat'坐标'+随机数错误
- 为用户隐藏Bing地图坐标
- 谷歌地图坐标不正确