Question

我有一个网络应用程序，其中包含来自现场代理的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);
}

function setup_map（）{ var map = L.map（＆＃39; map＆＃39;）。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

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

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

 "Map container is already initialized"

Leaflet：在用户操作的新缩放级别上平移到新的坐标集

0 个答案: