Arcgis for js加载百度地图

最新推荐文章于 2024-01-28 20:31:37 发布
最新推荐文章于 2024-01-28 20:31:37 发布
阅读量6.2k 收藏 13
点赞数 2
分类专栏： 综合开发 GIS开发 文章标签： 百度地图 arcgis for js 地图 arcgis map
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41046162/article/details/80248281
版权

通过学习了一段时间的arcgis for js，让我来讲一下如何在arcgis for js加载百度地图。

加载的结果显示：

                                                                           地图

                                                                  影像 - 无标注

                                                                           影像 - 有标注

制作步骤：

首先，我是在学习了https://blog.csdn.net/gisshixisheng/article/details/44853709这篇文章，代码大多都是那里的，参数也都没错，但是复制过去还是打不开，这个之后我会讲的。

其次，就是_百度地图在柯林斯调用的有地图在切片，影像切片，以及道路等POI切片，我将之用TiledMapServiceLayer做了扩展，成了BDAnoLayer，BDVecLayer，BDimgLayer三个图层，其代码如下:(通俗的意思就是在html同目录的新建一个文件夹，然后建立三个JavaScript文件分别是BDAnoLayer，BDVecLayer，BDImgLayer）

BDAnoLayer.js

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 () {
                this.spatialReference = new SpatialReference({ wkid: 102100 });
                this.initialExtent = (this.fullExtent = new Extent(-20037508.3427892, -20037508.3427892, 20037508.3427892, 20037508.3427892, this.spatialReference));
                this.scale = [591657527.591555,295828763.795777,147914381.897889,73957190.948944,36978595.474472,18489297.737236,9244648.868618,
                    4622324.434309,2311162.217155,1155581.108577,577790.554289,288895.277144,144447.638572,72223.819286,
                    36111.9096437,18055.9548224,9027.977411,4513.988705,2256.994353,1128.497176];
                this.resolution = [156543.033928,78271.5169639999,39135.7584820001,19567.8792409999,9783.93962049996,4891.96981024998,2445.98490512499,
                    1222.99245256249,611.49622628138,305.748113140558,152.874056570411,76.4370282850732,38.2185141425366,19.1092570712683,9.55462853563415,
                    4.77731426794937,2.38865713397468,1.19432856685505,0.597164283559817,0.298582141647617];
                this.tileInfo = new TileInfo({
                    "rows": 256,
                    "cols": 256,
                    "compressionQuality": 90,
                    "origin": {
                        "x": -20037508.3427892,
                        "y": 20037508.3427892
                    },
                    "spatialReference": this.spatialReference,
                    "lods": [{ "level": 0, "resolution": this.resolution[0], "scale": this.scale[0] },
                        { "level": 1, "resolution": this.resolution[1], "scale": this.scale[1] },
                        { "level": 2, "resolution": this.resolution[2], "scale": this.scale[2] },
                        { "level": 3, "resolution": this.resolution[3], "scale": this.scale[3] },
                        { "level": 4, "resolution": this.resolution[4], "scale": this.scale[4] },
                        { "level": 5, "resolution": this.resolution[5], "scale": this.scale[5] },
                        { "level": 6, "resolution": this.resolution[6], "scale": this.scale[6] },
                        { "level": 7, "resolution": this.resolution[7], "scale": this.scale[7] },
                        { "level": 8, "resolution": this.resolution[8], "scale": this.scale[8] },
                        { "level": 9, "resolution": this.resolution[9], "scale": this.scale[9] },
                        { "level": 10, "resolution": this.resolution[10], "scale": this.scale[10] },
                        { "level": 11, "resolution": this.resolution[11], "scale": this.scale[11] },
                        { "level": 12, "resolution": this.resolution[12], "scale": this.scale[12] },
                        { "level": 13, "resolution": this.resolution[13], "scale": this.scale[13] },
                        { "level": 14, "resolution": this.resolution[14], "scale": this.scale[14] },
                        { "level": 15, "resolution": this.resolution[15], "scale": this.scale[15] },
                        { "level": 16, "resolution": this.resolution[16], "scale": this.scale[16] },
                        { "level": 17, "resolution": this.resolution[17], "scale": this.scale[17] },
                        { "level": 18, "resolution": this.resolution[18], "scale": this.scale[18] },
                        { "level": 19, "resolution": this.resolution[19], "scale": this.scale[19] }
                    ]
                });
                this.loaded = true;
                this.onLoad(this);
            },
            getTileUrl: function (level, row, col) {
                var zoom = level - 1;
                var offsetX = parseInt(Math.pow(2, zoom));
                var offsetY = offsetX - 1;
                var numX = col - offsetX, numY = (-row) + offsetY ;
                var num = (col + row) % 8 + 1;
                return "http://online" + num + ".map.bdimg.com/tile/?qt=tile&x="+numX+"&y="+numY+"&z="+level+"&styles=sl&udt=20180505";
            }
        });
});

BDVecLayer.js

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 () {
                this.spatialReference = new SpatialReference({ wkid: 102100 });
                this.initialExtent = (this.fullExtent = new Extent(-20037508.3427892, -20037508.3427892, 20037508.3427892, 20037508.3427892, this.spatialReference));
                this.scale = [591657527.591555,295828763.795777,147914381.897889,73957190.948944,36978595.474472,18489297.737236,9244648.868618,
                    4622324.434309,2311162.217155,1155581.108577,577790.554289,288895.277144,144447.638572,72223.819286,
                    36111.9096437,18055.9548224,9027.977411,4513.988705,2256.994353,1128.497176];
                this.resolution = [156543.033928,78271.5169639999,39135.7584820001,19567.8792409999,9783.93962049996,4891.96981024998,2445.98490512499,
                    1222.99245256249,611.49622628138,305.748113140558,152.874056570411,76.4370282850732,38.2185141425366,19.1092570712683,9.55462853563415,
                    4.77731426794937,2.38865713397468,1.19432856685505,0.597164283559817,0.298582141647617];
                this.tileInfo = new TileInfo({
                    "rows": 256,
                    "cols": 256,
                    "compressionQuality": 90,
                    "origin": {
                        "x": -20037508.3427892,
                        "y": 20037508.3427892
                    },
                    "spatialReference": this.spatialReference,
                    "lods": [{ "level": 0, "resolution": this.resolution[0], "scale": this.scale[0] },
                        { "level": 1, "resolution": this.resolution[1], "scale": this.scale[1] },
                        { "level": 2, "resolution": this.resolution[2], "scale": this.scale[2] },
                        { "level": 3, "resolution": this.resolution[3], "scale": this.scale[3] },
                        { "level": 4, "resolution": this.resolution[4], "scale": this.scale[4] },
                        { "level": 5, "resolution": this.resolution[5], "scale": this.scale[5] },
                        { "level": 6, "resolution": this.resolution[6], "scale": this.scale[6] },
                        { "level": 7, "resolution": this.resolution[7], "scale": this.scale[7] },
                        { "level": 8, "resolution": this.resolution[8], "scale": this.scale[8] },
                        { "level": 9, "resolution": this.resolution[9], "scale": this.scale[9] },
                        { "level": 10, "resolution": this.resolution[10], "scale": this.scale[10] },
                        { "level": 11, "resolution": this.resolution[11], "scale": this.scale[11] },
                        { "level": 12, "resolution": this.resolution[12], "scale": this.scale[12] },
                        { "level": 13, "resolution": this.resolution[13], "scale": this.scale[13] },
                        { "level": 14, "resolution": this.resolution[14], "scale": this.scale[14] },
                        { "level": 15, "resolution": this.resolution[15], "scale": this.scale[15] },
                        { "level": 16, "resolution": this.resolution[16], "scale": this.scale[16] },
                        { "level": 17, "resolution": this.resolution[17], "scale": this.scale[17] },
                        { "level": 18, "resolution": this.resolution[18], "scale": this.scale[18] },
                        { "level": 19, "resolution": this.resolution[19], "scale": this.scale[19] }
                    ]
                });
                this.loaded = true;
                this.onLoad(this);
            },
            getTileUrl: function (level, row, col) {
                var zoom = level - 1;
                var offsetX = parseInt(Math.pow(2, zoom));
                var offsetY = offsetX - 1;
                var numX = col - offsetX, numY = (-row) + offsetY ;
                var num = (col + row) % 8 + 1;
                return "http://online" + num + ".map.bdimg.com/tile/?qt=tile&x="+numX+"&y="+numY+"&z="+level+"&styles=pl&scaler=1&udt=20180505";
            }
        });
});

BDImgLayer.js

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 () {
                this.spatialReference = new SpatialReference({ wkid: 102100 });
                this.initialExtent = (this.fullExtent = new Extent(-20037508.3427892, -20037508.3427892, 20037508.3427892, 20037508.3427892, this.spatialReference));
                this.scale = [591657527.591555,295828763.795777,147914381.897889,73957190.948944,36978595.474472,18489297.737236,9244648.868618,
                    4622324.434309,2311162.217155,1155581.108577,577790.554289,288895.277144,144447.638572,72223.819286,
                    36111.9096437,18055.9548224,9027.977411,4513.988705,2256.994353,1128.497176];
                this.resolution = [156543.033928,78271.5169639999,39135.7584820001,19567.8792409999,9783.93962049996,4891.96981024998,2445.98490512499,
                    1222.99245256249,611.49622628138,305.748113140558,152.874056570411,76.4370282850732,38.2185141425366,19.1092570712683,9.55462853563415,
                    4.77731426794937,2.38865713397468,1.19432856685505,0.597164283559817,0.298582141647617];
                this.tileInfo = new TileInfo({
                    "rows": 256,
                    "cols": 256,
                    "compressionQuality": 90,
                    "origin": {
                        "x": -20037508.3427892,
                        "y": 20037508.3427892
                    },
                    "spatialReference": this.spatialReference,
                    "lods": [{ "level": 0, "resolution": this.resolution[0], "scale": this.scale[0] },
                        { "level": 1, "resolution": this.resolution[1], "scale": this.scale[1] },
                        { "level": 2, "resolution": this.resolution[2], "scale": this.scale[2] },
                        { "level": 3, "resolution": this.resolution[3], "scale": this.scale[3] },
                        { "level": 4, "resolution": this.resolution[4], "scale": this.scale[4] },
                        { "level": 5, "resolution": this.resolution[5], "scale": this.scale[5] },
                        { "level": 6, "resolution": this.resolution[6], "scale": this.scale[6] },
                        { "level": 7, "resolution": this.resolution[7], "scale": this.scale[7] },
                        { "level": 8, "resolution": this.resolution[8], "scale": this.scale[8] },
                        { "level": 9, "resolution": this.resolution[9], "scale": this.scale[9] },
                        { "level": 10, "resolution": this.resolution[10], "scale": this.scale[10] },
                        { "level": 11, "resolution": this.resolution[11], "scale": this.scale[11] },
                        { "level": 12, "resolution": this.resolution[12], "scale": this.scale[12] },
                        { "level": 13, "resolution": this.resolution[13], "scale": this.scale[13] },
                        { "level": 14, "resolution": this.resolution[14], "scale": this.scale[14] },
                        { "level": 15, "resolution": this.resolution[15], "scale": this.scale[15] },
                        { "level": 16, "resolution": this.resolution[16], "scale": this.scale[16] },
                        { "level": 17, "resolution": this.resolution[17], "scale": this.scale[17] },
                        { "level": 18, "resolution": this.resolution[18], "scale": this.scale[18] },
                        { "level": 19, "resolution": this.resolution[19], "scale": this.scale[19] }
                    ]
                });
                this.loaded = true;
                this.onLoad(this);
            },
            getTileUrl: function (level, row, col) {
                var zoom = level - 1;
                var offsetX = parseInt(Math.pow(2, zoom));
                var offsetY = offsetX - 1;
                var numX = col - offsetX, numY = (-row) + offsetY ;
                var num = (col + row) % 8 + 1;
                return "http://shangetu" + num + ".map.bdimg.com/it/u=x="+numX+";y="+numY+";z="+level+";v=009;type=sate&fm=46&udt=20180505";
            }
        });
});

从上面的getTileUrl 可以看到，三者返回的URL的地址是没有有区别的，在上述的URL有可能失效，为了得到最新的地址，学习了那篇文章，我做了如下工作：

1，先用百度地图JS API调用并显示百度地图，代码如下：

<!DOCTYPE html>  
<html>  
<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
    <style type="text/css">  
        body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}  
    </style>  
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=NkuwFBPlXG1uqPDsB9nK2nqpyLFF0SFV"></script>  
    <title>地图展示</title>  
</head>  
<body>  
<div id="allmap"></div>  
</body>  
</html>  
<script type="text/javascript">
    // 百度地图API功能  
    var map = new BMap.Map("allmap");    // 创建Map实例  
    map.centerAndZoom(new BMap.Point(116.404, 39.915), 5);  // 初始化地图,设置中心点坐标和地图级别  
    map.addControl(new BMap.MapTypeControl());   //添加地图类型控件  
    map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的  
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放  
</script>

你的密钥需要更改为百度API的密钥，有需要的要申请。

2，然后用chrome打开这个html，F12调试--NetWork--左边找一张切片，右边切换至预览面板

                                                                BDVecLayer.js（地图网址）

                                                                                BDImgLayer.js（影像链接）

                                                                                   BDAnoLayer.js（poi网址）

只需要将最后面的数字替换掉就行了，20180505。

3.将上面的三个JS调用到地图主页。

代码如下：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Baidu Map</title>
    <link rel="stylesheet" href="https://js.arcgis.com/3.23/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" href="https://js.arcgis.com/3.23/esri/css/esri.css">
    <style>
        html, body, #map {
            height: 100%;
            margin: 0;
            padding: 0;
        }
        .base-map-ano{
            position: absolute;
            right: 0pt;
            top:18pt;
            background: #e6edf1;
            border: #96aed1 1px solid;
            padding: 4px 5px;
            padding-left: 0px;
            padding-top: 0px;
            display: none;
            font-weight: normal;
        }
        .base-map{
            position: absolute;
            right: 15pt;
            top:15pt;
            background: #f0f0f0;
            border: #96aed1 1px solid;
            width: auto;
            height: auto;
            z-index: 99;
            font:normal 11px "宋体",Arial;
            color:#868686;
        }
        .base-map-switch{
            padding: 4px 8px;
            float: left;
        }
        .base-map-switch-active{
            background:#e6edf1;
            font-weight: bold;
            color: #4d4d4d;
        }
        .base-map-switch:hover{
            cursor: pointer;
        }
        .base-map-switch-center{
            border: 1px #96aed1 solid;
            border-top:none;
            border-bottom:none;
        }
    </style>
    <script type="text/javascript">
        dojoConfig = {
            parseOnLoad: true,
            packages: [{
                name: 'bdlib',
                location: this.location.pathname.replace(/\/[^/]+$/, "")+"/js"
            }]
        };
    </script>
<script src="https://js.arcgis.com/3.23/"></script>
    <script src="js/jquery-1.8.3.js"></script>
    <script>
        var map,showMap,anoCtrl;
        require(["esri/map",
                "bdlib/BDVecLayer",
                "bdlib/BDImgLayer",
                "bdlib/BDAnoLayer",
                "esri/layers/FeatureLayer",
                "esri/geometry/Point",
                "esri/SpatialReference",
                "dojo/domReady!"],
            function (Map,
                      BDVecLayer,
                      BDImgLayer,
                      BDAnoLayer,
                      FeatureLayer,
                      Point,
                      SpatialReference
            ){
                map = new Map("map", {
                    logo: false
                });
                var vecMap = new BDVecLayer();
                var imgMap = new BDImgLayer();
                var anoMap = new BDAnoLayer();
                map.addLayer(vecMap);
                map.addLayers([imgMap,anoMap]);
                imgMap.hide();
                anoMap.hide();

                var pt = new Point(7038512.810510807, 2629489.7975553474, new SpatialReference({ wkid: 102100 }));
                map.centerAndZoom(pt, 5);

                showMap = function(layer){
                    //设置按钮样式
                    var baseMap = ["vec","img"];
                    for(var i= 0, dl=baseMap.length;i<dl;i++){
                        $("#"+baseMap[i]).removeClass("base-map-switch-active");
                    }
                    $("#"+layer).addClass("base-map-switch-active");
                    //设置显示地图
                    switch(layer){
                        case "img":{//影像
                            vecMap.hide();
                            imgMap.show();
                            $("#ano").show();
                            break;
                        }
                        default :{//地图
                            vecMap.show();
                            imgMap.hide();
                            anoMap.hide();
                            $("#ano").hide();
                            $("#chkAno").attr("checked",false);
                            break;
                        }
                    }
                };
                anoCtrl = function(){
                    if($("#chkAno").prop("checked")){
                        anoMap.show();
                    }
                    else{
                        anoMap.hide();
                    }
                }
            });
    </script>
</head>
<body>
<div id="map">
    <div class="base-map">
        <div id="vec" class="base-map-switch base-map-switch-active" onclick="showMap('vec')">地图</div>
        <div id="img" class="base-map-switch base-map-switch-center"  onclick="showMap('img')">影像
            <div id="ano" class="base-map-ano">
                <input id="chkAno" type="checkbox" name="chkAno" value="chkAno" onchange="anoCtrl()"/>标注
            </div>
        </div>
    </div>
</div>
</body>
</html>
其中的 jQuery-1.8.3.js的代码可以自己百度下，然后放到JS文件夹下面。
全部代码下载链接： 下载链接
最后建议先用火狐浏览器打开这个baidumap，显示偏移的话可能是代码错了.google浏览器要改一下，需要配置google chrome支持本地（file协议）的AJAX请求：

  • 设置浏览器的快捷方式属性，在“目标”后面加上--allow-文件访问从 - 文件，注意前面有个空格，重新打开浏览器即可。

如果还是不显示的话请用火狐浏览器。

新生GIS
关注
  • 2
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
ARCGIS 直接调用百度、天地图地图服务的插件
03-07
ARCGIS 直接调用百度、天地图地图服务的插件。 ARCGIS直接调用百度、天地图地图服务的插件 评分: ARCGIS直接调用百度、天地图地图服务的插件，ARCGIS直接调用百度、天地图地图服务的插件 调用百度图 ARCGIS 插件
ArcGIS Server Flex API接入百度地图
GIS大奔
11-29 2804
本实例只是个人兴趣研究，如果想要应用到商业用途，请联系相关厂家）   ArcGIS Server Flex API接入百度地图，是基于地图切片访问原理进行加载，需要ArcGIS Server Flex API重写TiledMapServiceLayer类，接入的地图包括矢量图、交通的POI点及影像图，实现代码如下： package com.esri.viewer.components.com
ArcgisForJs快速入门
【cacrle】的博客
01-28 1454
ArcGIS API for JavaScript是一款由Esri公司开发的用于创建WebGIS应用的JavaScript库。它允许开发者通过调用ArcGIS Server的REST API，将地图资源和其它资源（如ArcGIS Online）嵌入到Web应用中。ArcGIS API for JavaScript提供了丰富的功能，包括页面布局、地图图层、空间坐标转换、要素符号、专题图、属性查询、空间分析、三维场景、小部件、渲染器等。本文介绍如何快速入门ArcgisForJs。
ArcGIS+百度地图API：制作杭州市边界shp文件
一只博客
09-08 4249
使用百度地图api获取指定城市边界数据，适当处理后得到.csv文件，使用ArcMap处理得到对应的点shp文件，再将点shp文件转换成线shp文件，用于之后的地图发布。
ArcGIS中加载百度地图
weixin_30861797的博客
11-29 1670
现在Google,Bing,OpenStreetMap....众多优秀的免费地图资源都被伟大的祖国给挡在墙外了，这些数据能够提 供真实的GPS数据时多么的难能可贵啊，可惜没有办法，偶也是爱国人士，钓鱼岛是中国的，日本也迟早是中国的！！ 在此背景下，国内百度地图水涨船高，一步一个脚印发展迅速，最近也是发现其数据库服务器速度比其他的都快，因此很多东西都采用百度地图作为资源，这也必然就会出现...
在arcmap和arcgispro中添加在线地图服务
热门推荐
gislaozhang
04-23 1万+
在arcmap或者arcgispro有时想使用一些免费在线地图服务辅助于其它的地理处理操作，下述介绍了如何在arcmap以及arcgispro中添加在线的地图服务。 1、加载门户自身的在线底图 arcmap 加载基础底图 提示：需要arcgis desktop连接了arcgisonline的门户网址 加载arcgisonline中的数据服务 arcgispro 前提：...
加载地图服务Arcgis baidu 高德等常用地图服务
瑾&凌
02-06 403
加载各方地图集成GIS 应用能力
ArcMap和ArcGIS Pro加载百度地图
weixin_30243533的博客
06-08 1711
前面发布了两篇我用ArcBruTile开发用于ArcMap加载百度地图的插件ArcBruTileBaidu，放在网上后评论和反响还不错，还有两位大学同学通过百度搜索居然搜到我本人！文章和技术介绍也被网络上复制粘贴了很多次，开发了那么多没人用的数字城市平台软件和GIS系统，这一个工具才感觉自己还有点用。 毕竟只是茶余饭后的兴趣爱好，对该插件升级和维护的也不是很及时，也导致很多需求没...
arcgis前端(2)-----＞基础篇--发布一个自定义地图及加载自定义地图/底图
z1783883121的博客
06-28 2495
上一篇介绍了如何使用arcgis for javascript的jdk以及如何使用arcgis内置的基础地图，本篇将介绍如何发布一个自定义地图以及加载自定义地图/底图到页面上。如果您会发布地图or已经有一个地图链接可直接跳转到二、使用代码加载自定义地图到页面 推荐指数： 文件大概长这样： 打开后示例图： 相关代码： 其它说明： 当然实现加载地图/底图的方式不止这一种，上面这种只是官方的写法示例............
ArcGIS API 3.29之加载高德地图、百度地图、天地图和谷歌地图
xb670078511的博客
09-15 2505
很早之前就有想写博客的念头，今天终于有时间静下心来写我的第一篇博客，在此庆贺一下！ 好了，言归正传，作为一名刚接触WebGIS开发的小白，在构建应用的时候首先想到的是拿到一幅符合系统需求的底图，然后在上面叠加自己的矢量图层，这样只需要维护好我们自己的专题数据就好了，今天就以高德地图为例，讲讲怎么在ArcGIS API 3.29中引入高德地图。 原理：由于ArcGIS API没有直接引入其它地图的方...
arcgis api for javascript4.18加载天地图服务，并且加载自己的发布的动态地图服务
RADI的博客
12-24 2022
以arcgis api for javascript4.18 API为例： 遇到几个问题： 1、用户，特别是小白用户，不知道用什么API类来调用各种地图服务。 解决办法： 方法一：正向思考方法 参考官方APIhttps://developers.arcgis.com/javascript/latest/api-reference 方法二：技巧型方法 那么有一个很简单的方法，进入server manager服务目录，找到你的服务，预览一下， 然后你按F12,看到了没有，这个服务用啥方法，咋写，
arcgis在线图层加载插件，可以加载百度地图、高德地图等在线地图
03-29
arcgis在线图层加载插件，可以加载百度地图、高德地图等在线地图。MapOnline地图插件_升级版 v1.2，新增了“GoogleEarth地图”与“历史地图”，可以“加载自定义切片”，可以“以切片的方式访问WMS服务”，比ArcMap本身快很多，。 双击即可安装，经测试可以在10.2、10.3等上面运行，第一次运行需“以管理员身份”。用于arcmap加载天地图、谷歌地图、高德地图、BingMap作为底图，安装之后，在工具栏上右键勾选simple gis即可显示底图加载工具栏。
ArcGIS API 4.10之加载百度地图
01-18
基于ArcGIS API 4.10，通过自定义BaseTileLayer类来实现在三维球体加载显示百度地图和影像地图
9.（arcgis api for js篇）arcgis api for js接入百度地图（有偏移）.zip
03-08
下载如有问题，可私信博主。下载前建议先查看博客内容，其地址为：https://blog.csdn.net/m0_60387551/article/details/123356335
arcgis for js加载百度地图高德地图天地图
05-09
arcgis for js加载百度地图高德地图天地图
基于ArcGIS API for JavaScript加载百度各种类型切片地图
03-24
基于ArcGIS API for JavaScript加载百度各种类型切片地图，资源包括封装的BaiduLayer模块，示例页面。
arcgis for js 加载本地离线瓦片数据
11-05
此dome是根据实际开发的来经验，根据在91卫图上下载arcgisserver离线瓦片数据，将瓦片数据放入IIS下进行部署，通过访问加载本地离线瓦片数据
ArcGIS API for JavaScript加载百度地图代码
09-13
ArcGIS API for JavaScript加载百度地图代码ArcGIS API for JavaScript加载百度地图代码ArcGIS API for JavaScript加载百度地图代码
springboot(酒店管理系统)
最新发布
04-25
开发语言：Java JDK版本：JDK1.8（或11） 服务器：tomcat 数据库：mysql 5.6/5.7（或8.0） 数据库工具：Navicat 开发软件：idea 依赖管理包：Maven 代码+数据库保证完整可用，可提供远程调试并指导运行服务（额外付费）～ 如果对系统的中的某些部分感到不合适可提供修改服务，比如题目、界面、功能等等... 声明： 1.项目已经调试过，完美运行 2.需要远程帮忙部署项目，需要额外付费 3.本项目有演示视频，如果需要观看，请联系我 4.调试过程中可帮忙安装IDEA，eclipse，MySQL，JDK，Tomcat等软件 重点： 需要其他Java源码联系我，更多源码任你选，你想要的源码我都有！ 需要加v19306446185
arcgis10.2加载百度地图
06-28
需要注意的是，在加载百度地图时，还需要安装ArcGIS百度地图插件，并在添加WMTS服务时，选择对应的服务地址和样式才能正确加载地图。此外，百度地图服务的使用还需要遵循相关的协议和规定，如出于商业目的使用百度...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

新生GIS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值