leaflet 加载arcgis发布的切片--L.esri.tiledMapLayer（影像），L.esri.dynamicMapLayer（矢量）

最新推荐文章于 2024-04-21 16:05:59 发布

wu_223

最新推荐文章于 2024-04-21 16:05:59 发布

阅读量4.6k

点赞数

分类专栏： leaflet相关问题 angular4 文章标签： arcgis切片 leaflet切片

本文链接：https://blog.csdn.net/qq_34790644/article/details/80163340

版权

angular4 同时被 2 个专栏收录

78 篇文章 0 订阅

订阅专栏

leaflet相关问题

46 篇文章 18 订阅

订阅专栏

1. 首先要在arcgis发布服务，把需要用的地图服务发布上去，url=http:服务器url~:6080/arcgis/rest/services/~文件夹

名/MapServer

2. 运用esri-leaflet中的方法调用arcgis,配置如下：

首先：去官网下载esri-leaflet.js并引入到项目中，下载地址是（两种方法）

http://esri.github.io/esri-leaflet/download/；

npm install esri-leaflet --save

３.发布的服务有两种方式，一种是影像（tiledMapLayer），一种是矢量（dynamicMapLayer）

　　影像方法：

var map = L.map('map').setView([37.7614, -122.3911], 12);

L.esri.tiledMapLayer({

url: 'https://services.arcgisonline.com/ArcGIS/rest/services/USA_Topo_Maps/MapServer',

maxZoom: 15}).addTo(map);

　　　矢量方法：

var map = L.map('map').setView([37.7614, -122.3911], 12);
 
L.esri.dynamicMapLayer({
        url:
          "http://124.152.158.58:6080/arcgis/rest/services/ZYSDT/MapServer",
        // opacity: 0.5,
        transparent: true
        //layers: ["dynamic"]
      }).addTo(map);