【问题标题】:Leaflet js map only showing a few tilesLeaflet js地图只显示几个瓷砖
【发布时间】:2017-01-16 11:39:04
【问题描述】:

我正在尝试使用 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 从不显示完整的地图/所有图块。我知道这个特定区域有报道,因为我一直在使用另一个人的服务,使用这个图书馆和地图来查看这个位置。此代码是根据他们的代码构建的。

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

这里有一个JSFiddle 来显示代码(和问题)的运行情况。知道为什么会发生这种情况或如何解决吗?

【问题讨论】:

  • 我过去遇到过这个问题,看起来地图服务器不是 100% 响应...我需要为相同的图块找到其他服务器或更改自定义地图以获取我的应用程序根据需要工作。 :(
  • 我不明白的是,使用相同服务器和地图的其他人如何能够毫无问题地渲染这个精确的地图

标签: javascript leaflet arcgis arcgis-js-api


【解决方案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

【讨论】:

  • 你是最棒的!我不知道我也需要 css 脚本,但现在我考虑它是完全有道理的。非常感谢!
猜你喜欢
  • 2013-06-02
  • 1970-01-01
  • 1970-01-01
  • 2011-08-11
  • 2013-08-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多