ArcGIS Api forJavaScript - 以高德地图为底图,实现标注图与卫星图的切换

一. 将高德底图文件放入项目中

ArcGIS Api forJavaScript - 以高德地图为底图,实现标注图与卫星图的切换_第1张图片
高德底图文件:https://download.csdn.net/download/Jie_1997/12438659

二. 项目中加载高德底图、引入需要的js文件,css样式文件,及高德卫星图css样式文件

ArcGIS Api forJavaScript - 以高德地图为底图,实现标注图与卫星图的切换_第2张图片
注意: js文件及css样式文件以实际地址实际为准(此处仅供参考)。
arcgis的js文件及css样式文下载地址: https://download.csdn.net/download/Jie_1997/12438411
高德卫星图样式文件下载地址: https://download.csdn.net/download/Jie_1997/12439743

三. 添加对应的类要素

ArcGIS Api forJavaScript - 以高德地图为底图,实现标注图与卫星图的切换_第3张图片
ArcGIS API for JavaScript 官方文档使用:
https://developers.arcgis.com/javascript/3/jsapi/map-amd.html

四. 使用高德底图

ArcGIS Api forJavaScript - 以高德地图为底图,实现标注图与卫星图的切换_第4张图片
ArcGIS Api forJavaScript - 以高德地图为底图,实现标注图与卫星图的切换_第5张图片

实例源码:

@{
    Layout = null;
}





    
    test
    @*加载高德地图*@
    
    @*引入arcgis所需js及css*@
    
    
    
    @*引入高德卫星图样式*@
    
    
    


    
@*地图样式切换显隐*@

你可能感兴趣的:(ArcGIS,API,For,JS,与,高德地图)