javascript - 如何使用 leaflet-js 启动 map

Question

我正在尝试遵循 leaflet-js 中的快速入门指南网站。这是我的代码:

function main(map_div_id, mapbox_access_token) {
    var starting_coordinate = L.latLng(38.004697, 23.800735);
    var starting_zoom = 8;
    var map = L.map(map_div_id);
    map.setView(starting_coordinate, starting_zoom);

    L.tileLayer('https://api.tiles.mapbox.com/v4/mapbox.emerald/1/0/0.png?access_token=' + 
        mapbox_access_token, 
    {
        accessToken: mapbox_access_token
    }).addTo(map);
}

这是我所看到的...缩放也不起作用。

Answer 1

您的网址已损坏，缩放设置为 1，起始点设置为 0,0。将tileLayer更改为以下内容:

L.tileLayer('https://api.tiles.mapbox.com/v4/mapbox.emerald/{z}/{x}/{y}.png?access_token=' + 
        mapbox_access_token, 
    {
        accessToken: mapbox_access_token
    }).addTo(map);