Question

我尝试使用Leaflet JavaScript库创建自定义固定地图，并继续遇到一个主要问题，即坐标的大多数地图图块都不会渲染。我定义了＆amp;像这样显示地图

function initmap() {
    map = new L.Map('map');
    var osmUrl = 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}.png';
    var osm = new L.TileLayer(osmUrl);
    map.addLayer(osm);
}
var lat = 40.120910;
var lng = -74.978602;
var startLatLng = new L.LatLng(lat, lng);
initmap();
map.setView(startLatLng, 16);

它似乎应该可以工作，但地图div从不显示完整的地图/所有图块。我知道这个特定领域有报道，因为我一直在使用其他人的服务，使用这个库和地图来查看这个位置。此代码基于代码构建。

This website正在使用精确坐标，地图服务器和传单js脚本，并能够正常渲染所有图块。

这里有JSFiddle来显示代码（和问题）的实际效果。知道为什么会这样或者如何解决它？

Answer 1

缺少传单CSS：https://npmcdn.com/leaflet@1.0.0-rc.1/dist/leaflet.css

更新了JSFiddle：https://jsfiddle.net/t14rLknv/7/

（顺便说一下，您可以升级到Leaflet 1.0.0-rc.3，unpkg.com上的新官方CDN，请参阅http://leafletjs.com/download.html）

Leaflet js map仅显示几个图块

1 个答案: