Leaflet js 地图只显示几个图块

Question

我正在尝试使用 Leaflet JavaScript 库创建一个自定义固定地图，并使运行成为一个主要问题，即坐标的大部分地图图块都不会呈现。我正在这样定义和显示地图

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 从未显示完整的 map/all 方块。我知道这个特定区域有覆盖范围，因为我一直在使用另一个人的服务，使用这个图书馆和地图来查看这个位置。此代码的结构基于他们的代码。

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 地图只显示几个图块

Leaflet js map only showing a few tiles

javascript

arcgis

leaflet

arcgis-js-api