## 一、WMS圖層 官方示例：https://developers.arcgis.com/javascript/latest/sample-code/sandbox/index.html?sample=layers-wms ~~~ require([ 'esri/config', 'esri/Map', 'esri/views/MapView', 'esri/layers/WMSLayer', 'esri/layers/WMTSLayer', 'dojo/domReady!' ], function(esriConfig, Map, MapView, WMSLayer, WMTSLayer) { // 配置允許的服務器域名 esriConfig.request.corsEnabledServers.push('http://map.xxx.com', 'https://map.xxx.com'); var map = new Map({ basemap: 'streets' // dark-gray-vector }); var mapView = new MapView({ map: map, container: 'js_map', center: [102.9331224074, 25.1049040686], zoom: 6, // rotation: -127.7 }); // 添加WMS圖層 var wmsLayer = new WMSLayer({ url: 'http://map.xxx.com/geoserver/kmg/wms', imageFormat: 'image/png', sublayers: [{ name: 'kmg:vector' }] }); map.layers.add(wmsLayer); }); ~~~ ## 二、WMTS圖層（在上面的基礎上） 官方示例：https://developers.arcgis.com/javascript/latest/sample-code/sandbox/index.html?sample=layers-wmts ~~~ // 添加WMTS圖層 var wmtsLayer = new WMTSLayer({ url: 'https://map.xxx.com/geoserver/gwc/service/wmts', serviceMode: 'KVP', version: '1.1.1', activeLayer: { id: 'kmg:vector', } }); map.layers.add(wmtsLayer); ~~~ 參數： serviceMode：WMTS層的服務模式。如果沒有指定，API將首先使用RESTful來創建一個getCapabilities請求。如果失敗，它將嘗試使用KVP。