如何在Leaflet.js中更改地图中心
如何在Leaflet.js中更改地图中心
提问于 2012-10-05 04:24:39
下面的代码初始化叶映射。初始化功能根据用户位置将地图居中。如何在调用initialize函数后将地图的中心更改为新位置？
function initialize() {
map = L.map('map');
L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', {
maxZoom: 18,
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>'
}).addTo(map);
map.locate({setView: true, maxZoom: 8});
} 回答 5
Stack Overflow用户
回答已采纳
发布于 2012-10-05 04:44:12
例如：
map.panTo(new L.LatLng(40.737, -73.923));Stack Overflow用户
发布于 2012-10-08 05:51:38
您还可以使用：
map.setView(new L.LatLng(40.737, -73.923), 8);这取决于你想要什么样的行为。map.panTo()将平移到具有缩放/平移动画的位置，而map.setView()会立即将新视图设置为所需的位置/缩放级别。
Stack Overflow用户
发布于 2018-07-17 17:14:29
如果点在当前视图中，则使用map.panTo();不会执行任何操作。请改用map.setView()。
我有一条折线，我必须每秒将地图居中映射到折线中的一个新点。检查代码: GOOD：https://jsfiddle.net/nstudor/xcmdwfjk/
mymap.setView(point, 11, { animation: true }); 不好的：https://jsfiddle.net/nstudor/Lgahv905/
mymap.panTo(point);
mymap.setZoom(11);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12735303
复制相关文章
相似问题