本篇主要介绍利用ArcGIS API for Javascript最新版本3.23加载谷歌地图和谷歌影像,以加载谷歌地图为例,方法即通过TiledMapServiceLayer来自定义谷歌地图图层模块。
1、谷歌地图加载效果
【谷歌地图】
【谷歌影像】
2、定义类——谷歌图层GoogleMapLayer
define(["dojo/_base/declare", "esri/layers/TiledMapServiceLayer", "esri/geometry/Extent", "esri/SpatialReference", "esri/layers/TileInfo"],
function (declare, TiledMapServiceLayer, Extent, SpatialReference, TileInfo) {
return declare(TiledMapServiceLayer, {
// 构造函数
constructor: function (properties) {
// 这里使用坐标系为投影坐标系WGS_1984_Web_Mercator(wkid: 102113)
this.spatialReference = new SpatialReference({
wkid:102113
});
// 图层提供的起始显示范围以及整个图层的地理范围
this.fullExtent = new Extent(-20037508.342787, -20037508.342787, 20037508.342787, 20037508.342787, this.spatialReference);
this.initialExtent = new Extent(5916776.8, 1877209.3, 19242502.6, 7620381.8, this.spatialReference);
// 图层提供的切片信息
this.tileInfo = new TileInfo({
"rows": 256,
"cols": 256,
"compressionQuality"