我正在尝试使用 Leaflet JavaScript 库创建一个自定义固定 map ,并一直遇到一个主要问题,即大多数坐标的 map 图 block 没有呈现。我正在像这样定义和显示 map
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);
看起来它应该可以工作,但 map div 从不显示完整的 map /所有图 block 。我知道这个特定区域有报道,因为我一直在使用另一个人的服务,使用这个图书馆和 map 来查看这个位置。该代码是根据他们的代码构建的。
This website正在使用精确的坐标、 map 服务器和传单 js 脚本,并且能够很好地渲染所有图 block 。
这是 JSFiddle显示正在运行的代码(和问题)。知道为什么会发生这种情况或如何解决吗?
最佳答案
缺少传单 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)
关于javascript - Leaflet js map 只显示几个瓷砖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39392615/