使用 esri-leaflet 加载 arcGIS server

使用npm下载

npm install esri-leaflet --save

按需引入

import dynamicMapLayer from 'esri-leaflet/src/Layers/DynamicMapLayer'

 or CDN

<script src="https://unpkg.com/esri-leaflet@3.0.8/dist/esri-leaflet.js"
    integrity="sha512-E0DKVahIg0p1UHR2Kf9NX7x7TUewJb30mxkxEm2qOYTVJObgsAGpEol9F6iK6oefCbkJiA4/i6fnTHzM6H1kEA=="
    crossorigin=""></script>

 相关代码

// 1. 动态图层加载 注意此时的URL只能是动态图层服务地址 只能具体到某个图层
let one = dynamicMapLayer({
    url:'http://localhost:6080/arcgis/rest/services/SampleWorldCities/MapServer',
    opacity: 0.8,
    f:'json'
});

var map = L.map('map', {
    center:[29.09508, 119.07214],
	zoom: 13,
	minZoom: 1,
	maxZoom: 13,
	layers: one,
});