ArcGIS API for Javascript3.23加载谷歌地图

这篇博客介绍了如何使用ArcGIS API for JavaScript 3.23版本加载谷歌地图和谷歌影像。教程详细阐述了加载过程,包括谷歌地图的显示效果,自定义谷歌图层类GoogleMapLayer的定义,以及加载图层的步骤。同时提供了源码下载链接,包含了谷歌地图和影像图的示例。
摘要由CSDN通过智能技术生成

本篇主要介绍利用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"
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值