本篇主要介绍利用ArcGIS API for Javascript 4版本的最新版本4.10
加载高德矢量地图和影像地图,以加载矢量地图为例,我们通过扩展BaseTileLayer
来自定义高德地图图层GaodeLayer
模块。
1、示例运行效果:
【高德矢量地图】
【高德影像地图】
2、扩展类BaseTileLayer——定义GaodeLayer.js
参考官方文档说明,我们主要设置两部分:getTileUrl()、fetchTile()。getTileUrl()
主要是根据请求级别、行列号生成url;fetchTile()
主要是发送动态的url请求并得到返回的地图切片,也可以根据需求进行合并图像。GaodeLayer.js
相关代码如下:
define(["dojo/_base/declare","esri/layers/BaseTileLayer","esri/request"],
function (declare,BaseTileLayer,esriRequest) {
return BaseTileLayer.createSubclass({
properties: {
urlTemplate: null,
},
getTileUrl: function(level, row, col) {
return url =