javascript - Leaflet js map 只显示几个瓷砖

标签 javascript leaflet arcgis arcgis-js-api

我正在尝试使用 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/

相关文章:

javascript - PHP/HTML 提交后记住所选值 - 从 MySQL 填充的选项

css - 如何使用 css 设置传单搜索框位置(leaflet.extra 包)

javascript - leafletjs 自定义标记位置不正确

python - NumPy 在 ArcMap 中将绕组而不是数字写入 CSV

javascript - 双击以获取 DynamciLayer 的弹出窗口

javascript - 动态生成缩略图到 bxslider

javascript - 将 XML 字符串传递给 Web API 结果出现 404 Not Found

javascript - 不用 PHP 从不同的网站获取 RSS 数据

javascript - Leaflet foreach功能自动触发鼠标悬停功能

ubuntu - 在 Ubuntu 中安装 ArcGIS Server 10