传单缩放和平移
Leaflet zoom and pan
我觉得自己有点傻…
我在地图区域有几个标记,需要找到一种方法来平移和缩放到这个区域。目标是能够一次查看所有标记。
我用以下代码插入标记:
function plotMarkers(MarkerItems) {
if (MarkerItems) {
MarkerItems.success(function (data) {
var len = data.length;
for (var i = 0; i < len; i++) {
m = data[i];
var XX = parseFloat(m.X.replace(",", "."));
var YY = parseFloat(m.Y.replace(",", "."));
var marker = L.marker(new L.LatLng(XX, YY), { icon: blueFlagIcon }).bindPopup("test");
markers.addLayer(marker);
}
});// success
}
}
var markers = new L.featureGroup();
plotMarkers(myMarkers);
map.addLayer(markers);
应该很简单,我只是不明白。
请帮忙
看L.Map.fitBounds
和L.FeatureGroup.getBounds
。所以你的代码可能看起来像:
map.fitBounds(markers.getBounds());
但是如果你的MarkerItems.success
是异步的(ajax等),你将调用这段代码后添加标记层
很简单....
只需要添加
map.fitBounds(markers.getBounds());
在.success()中。
完整工作代码:
function plotMarkers(MarkerItems) {
if (MarkerItems) {
MarkerItems.success(function (data) {
var len = data.length;
for (var i = 0; i < len; i++) {
m = data[i];
var XX = parseFloat(m.X.replace(",", "."));
var YY = parseFloat(m.Y.replace(",", "."));
var marker = L.marker(new L.LatLng(XX, YY), { icon: blueFlagIcon }).bindPopup("test");
markers.addLayer(marker);
}
map.addLayer(markers);
map.fitBounds(markers.getBounds());
});// success
}}
相关文章:
- 单击超链接时,如何使用Google Maps API v3缩放地图
- 缩略图单击时图像未以模式显示
- 如何重新启用禁用的谷歌地图v3拖放、缩放等
- Flexislider缩略图单击问题-中间问题
- 拖放区缩略图宽度图像大小
- 使用鼠标向下拖动以缩放图像缩略图
- 提升缩放单击在 iOS 上不起作用.光标:指针
- 拖放JavaScript缩略图生成.由于超过base64限制,浏览器崩溃
- Phonegap捏缩和缩放以缩放画布
- 可缩放和缩放插件
- jQuery上的缩略图单击替换第二个img src与缩略图src
- 缩放和缩放图像
- 使用Javascript将表单输入放入有序列表中
- 如何在ariutta的svgpanzoom库中限制x轴缩放(水平缩放)
- 缩放或缩放从gps获得的X/Y像素以适合特定区域
- 缩放和缩放工具选项
- 在嵌入的谷歌地图上进行缩放可以缩放整个页面
- 拖放可缩放的内容偏移量()
- 如何结合D3's内置缩放以及点击缩放可缩放冰柱
- 是否有任何方法可以在中心d3中缩放和缩放力布局