代码之家  ›  专栏  ›  技术社区  ›  CaffeinatedMike

单张js地图仅显示几个分幅

  •  4
  • CaffeinatedMike  · 技术社区  · 8 年前

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

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

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

    1 回复  |  直到 8 年前
        1
  •  20
  •   ghybs    8 年前

    缺少传单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,新的官方CDN unpkg.com 看见 http://leafletjs.com/download.html )