Leaflet 传单:在用户操作的新缩放级别将地图平移到新的坐标集
我有一个web应用程序,其中有一个来自现场代理的GPS报到列表 单击列表中的签入项目时,我希望平移/缩放当前地图/视图 我已设置传单地图,并按如下方式单击事件:Leaflet 传单:在用户操作的新缩放级别将地图平移到新的坐标集,leaflet,zooming,panning,Leaflet,Zooming,Panning,我有一个web应用程序,其中有一个来自现场代理的GPS报到列表 单击列表中的签入项目时,我希望平移/缩放当前地图/视图 我已设置传单地图,并按如下方式单击事件: function checkin_clicked(dt, mobile, address, lat, lon) { console.log(dt, mobile, address, lat, lon); var html = '<div style="width: 300px;" class="message"&
function checkin_clicked(dt, mobile, address, lat, lon) {
console.log(dt, mobile, address, lat, lon);
var html = '<div style="width: 300px;" class="message"><img class="message-avatar" src="media/profile-pics/{mobile}.jpg" alt=""> <a class="message-author" href="#"> {name} </a> <span class="message-date"> {date} </span> <span class="message-content"> {address} </span></div>'
html = html.replace("{address}", address);
html = html.replace("{mobile}", mobile);
html = html.replace("{date}", dt);
html = html.replace("{name}", mobile);
map.setView([lat, lon], 14);
var popup = L.popup()
.setLatLng([lat,lon])
.setContent(html)
.openOn(map);
}
}
请确定我如何执行此操作
我看到了这一点:而且
但在我的例子中,我需要在平移时调整缩放级别
编辑:我在单击事件中添加了map.setview,现在出现以下错误:
"Map container is already initialized"
这听起来像是@nathansnider的一项任务,它不只是重新绘制地图吗?例如,
map.setView([34.05,-118.25],15)
将洛杉矶的视图设置为缩放级别15。在您的代码中,在您单击的签入功能中,您可以使用map.setView([lat,lon],18)
以最大缩放级别移动到所需位置。这就是你想要的,还是你在寻找不同的东西?@nathansniderthanks@CharlesO您应该删除map=L.map('map')代码>从您的签入功能单击。并在设置\u map
函数外声明map
变量。这听起来像是一项任务。@nathansnider它不会简单地重新绘制地图吗?例如,map.setView([34.05,-118.25],15)
会将洛杉矶的视图设置为缩放级别15。在您的代码中,在您单击的签入功能中,您可以使用map.setView([lat,lon],18)
以最大缩放级别移动到所需位置。这就是你想要的,还是你在寻找不同的东西?@nathansniderthanks@CharlesO您应该删除map=L.map('map')代码>从您的签入功能单击。并在setup\u map
函数之外声明map
变量。
"Map container is already initialized"