高德地圖對接OGC服務

WMS 标準圖層

WMS 标準圖層是用于加載 OGC 标準的 WMS 地圖服務的一種圖層類，自 v1.4.3 新增，僅支援 EPSG3857 坐标系統的 WMS 圖層。了解 WMS 标準圖層？檢視 WMS 的 OGC 标準。

引入 WMS 圖層：

JavaScript

// 建立地圖執行個體
var map = new AMap.Map(\'container\', {
    zoom: 3,
    center:[-99.241291, 39.51401]
}); 

// 建立 WMS 标準圖層
var wms  = new AMap.TileLayer.WMS({
    url: \'https://ahocevar.com/geoserver/wms\', // wms服務的url位址
    blend: false, // 地圖級别切換時，不同級别的圖檔是否進行混合
    tileSize: 512, // 加載WMS圖層服務時，圖檔的分片大小
    params: {
        \'LAYERS\': \'topp:states\',
        VERSION:\'1.3.0\'
    } // OGC标準的WMS地圖服務的GetMap接口的參數
});

map.add(wms);

檢視全部屬性和方法

WMTS 标準圖層

WMTS 标準圖層是用于加載OGC标準的 WMTS 地圖服務的一種圖層類，自 v1.4.3 新增，僅支援 EPSG3857 坐标系統的 WMTS 圖層。了解 WMTS 标準圖層？檢視WMTS标準。

檢視全部屬性和方法相關示例

非高德官方的栅格圖檔

使用非高德官方的栅格圖檔，可以在構造 TileLayer 對象時，指定栅格圖的 getTileUrl 屬性。 getTileUrl 可以是一個 URL 的拼接字元串，其中的 [x]、 [y]、 [z]代表切片的 x、y、z 坐标位置；也可以是一個傳回切片 url 的 function。

以 Google 地圖作為栅格切片為例，設定 getTileUrl 為拼接 URL：

JavaScript

//建立自定義切片圖層，指定 getTileUrl 屬性
var googleLayer = new AMap.TileLayer({
   getTileUrl: \'http://mt{1,2,3,0}.google.cn/vt/lyrs=m@142&hl=zh-CN&gl=cn&x=[x]&y=[y]&z=[z]&s=Galil\',
   zIndex:2
});

googleLayer.setMap(map);

或者設定 getTileUrl 為傳回切片 url 的 function：

JavaScript

//建立自定義切片圖層，指定 getTileUrl 屬性
var googleLayer = new AMap.TileLayer({
    zIndex:2,
    getTileUrl: function(x , y, z){
      return \'http://mt1.google.cn/vt/lyrs=m@142&hl=zh-CN&gl=cn&x=\'+ x +\'&y=\'+ y +\'&z=\'+ z +\'&s=Galil\';
   }
});

googleLayer.setMap(map);

參考：
https://blog.csdn.net/lovefengruoqing/article/details/116754240