Leaflet 传单:在用户操作的新缩放级别将地图平移到新的坐标集

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"&

我有一个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"><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"