我有一个网络应用程序，其中包含来自现场代理的GPS签到列表 .

我想在点击列表中的签到项目时平移/缩放当前 Map /视图 .

我设置了传单 Map 并单击事件，如下所示：

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);
}

function setup_map（）{var map = L.map（'map'） . setView（[8.2,6.95]，7）;

L.tileLayer('http://localhost/tileserver/tiles.aspx?z={z}&x={x}&y={y}', {
    minZoom: 7, maxZoom: 18,
}).addTo(map);

}

请问我该如何执行此操作 .

我见过这个：How to change the map center in leaflet和https://stackoverflow.com/a/12735612/44080

但在我的情况下，我需要在平移时调整缩放级别 .

Edit ：我在点击事件中添加了map.setview，现在我收到此错误：

"Map container is already initialized"
leaflet zooming panning