文章/答案/技术大牛

发布

社区首页 >问答首页 >非标准0缩放的ESRI TileLayer无法加载到传单中

问非标准0缩放的ESRI TileLayer无法加载到传单中
EN

Stack Overflow用户

提问于 2017-04-16 19:45:58

回答 1查看 274关注 0票数 1

想知道为什么ESRI Tile layer不能加载到Leaflet中吗？它在OpenLayers中加载，当然在使用ESRI JS API时也是如此，但我想使用Leaflet...

这是带有Tile Layer url的标准宣传单“快速入门”示例。我已经尝试了图层和地图构造器的许多选项，并强制地图调整大小和重新绘制等，但我不能让它工作…

<html>
<head>
  <meta charset=utf-8 />
  <title>Esri Leaflet Quickstart</title>
  <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />

  <!-- Load Leaflet from CDN-->
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
  <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet-src.js"></script>

  <!-- Load Esri Leaflet from CDN -->
  <script src="https://unpkg.com/esri-leaflet@2.0.8"></script>

  <style>
    body { margin:0; padding:0; }
    #map { position: absolute; top:0; bottom:0; right:0; left:0; }
  </style>
</head>
<body>

<div id="map"></div>

<script>
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'; <- example from Esri-Leaflet that works fine
    var osmUrl = 'https://citymaps.capetown.gov.za/agsext1/rest/services/Background_Maps/Relief_Map/MapServer/tile/{z}/{y}/{x}';
    var osm = new L.esri.tiledMapLayer({url:osmUrl, noWrap: true});
    map.addLayer(osm);
}
var lat = Number(18.5296);
var lng = Number(-33.9597);
var startLatLng = new L.LatLng(lat, lng);
initmap();
map.setView(startLatLng, 0); 
</script>

</body>
</html>

完全相同的OpenLayers示例：

<!DOCTYPE html>
<html>
  <head>
    <title>Tiled ArcGIS MapServer</title>
    <link rel="stylesheet" href="https://openlayers.org/en/v4.1.0/css/ol.css" type="text/css">
    <script src="https://openlayers.org/en/v4.1.0/build/ol.js"></script>
  </head>
  <body>
    <div id="map" class="map"></div>
    <script>
      var urlRelief    = 'https://citymaps.capetown.gov.za/agsext1/rest/services/Background_Maps/Relief_Map/MapServer';
      var layers = [
/*         new ol.layer.Tile({
          source: new ol.source.OSM()
        }), */
        new ol.layer.Tile({
          source: new ol.source.TileArcGISRest({
            url: urlRelief,
            projection: 'EPSG:4326',
            wrapX: false
          })
        })
      ];

      var map = new ol.Map({
        layers: layers,
        target: 'map',
        view: new ol.View({
          center: [2062612, -4026418],
          zoom: 10
        })
      });
    </script>
  </body>
</html>

esri-oss

leaflet

esri-leaflet

回答 1

Stack Overflow用户

发布于 2017-04-25 03:56:47

我认为这里有几个不同的问题：

实例化/tile/{z}/{y}/{x}时，不应将tiledMapLayer附加到urls。我们不会在我们的samples.
Leaflet (因此Esri宣传单)中这样做，只知道谷歌、必应等使用的显式平铺方案。您的服务可能引用相同的基础投影，但它使用了非标准的平铺方案(即:分辨率和比例不同)。在Esri小叶中，我们尝试重新映射LOD，但仅当我们识别比例和分辨率时才会进行重新映射。

standard

  {
    "level": 10,
    "resolution": 152.87405657041106,
    "scale": 577790.554289
  },
  {
    "level": 11,
    "resolution": 76.43702828507324,
    "scale": 288895.277144
  },
  {
    "level": 12,
    "resolution": 38.21851414253662,
    "scale": 144447.638572
  },

yours

{
    "level": 0,
    "resolution": 135.46693760054188,
    "scale": 512000
},
{
    "level": 1,
    "resolution": 67.73346880027094,
    "scale": 256000
},
{
    "level": 2,
    "resolution": 33.86673440013547,
    "scale": 128000
}

你最好的选择是坚持使用谷歌的标准平铺方案，即使你想限制感兴趣的区域。无论您最终是将磁贴发布到ArcGIS Online、ArcGIS服务器还是创建自定义磁贴包，都可以在ArcGIS桌面中轻松完成此操作。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43436883

复制

相似问题

问非标准0缩放的ESRI TileLayer无法加载到传单中
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问非标准0缩放的ESRI TileLayer无法加载到传单中EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问非标准0缩放的ESRI TileLayer无法加载到传单中
EN