如何用leaflet-js开始映射

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

您已将URL缩小设置为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);