动态地图加载api 4.x

最新推荐文章于 2023-10-08 13:12:54 发布

Devin·Finn

最新推荐文章于 2023-10-08 13:12:54 发布

阅读量449

点赞数 1

分类专栏： WebGIS - ArcGIS API For Js

本文链接：https://blog.csdn.net/DanBo_C/article/details/101103817

版权

WebGIS - ArcGIS API For Js 专栏收录该内容

53 篇文章 18 订阅

订阅专栏

感觉3和4还是有较大改变的。从esri官方例子上看来，4的功能更加丰富，在大数据的展示和操作上体验比3要好。 4.12为例

1. 不同

API调用

//API 3.x ：
<link rel="stylesheet" href="https://js.arcgis.com/3.28/esri/css/esri.css"/>
<script src="https://js.arcgis.com/3.28/">
//API 4.x ：
<link rel="stylesheet" href="https://js.arcgis.com/4.12/esri/css/main.css">
<script src="https://js.arcgis.com/4.12/">

动态图层的引用模块
```
	//API 3.x ：
	"esri/map",
	“esri/layers/ArcGISDynamicMapServiceLayer”，
	//API 4.x ：
	"esri/Map",
	“esri/views/MapView”
```
“map"改为了"Map”
显而易见从layers目录下到，到了views下，说明，地图需要放置在views中，既然多了一层，那这个views层必然是为我们封装了很多的方法和接口。

创建Map对象不在需要绑定id

//API 3.x ：
var map = new Map("mapDiv");
//API 4.x ：
var map = new Map();

图层的创建

var layer = new MapImageLayer({
	url:"http://192.168.3.1:6080/arcgis/rest/services/gaofen/xianghe/MapServer",
	sublayers: [{id: 0,visible:true}]
});

一般为两个参数，url 和 sublayers

url 为 REST URL
sublayers 设置图层可见性比3更加方便

创建MapView，需要选择容器中的 map 和绑定的 DIV 的 id
```
new MapView({
	map: map,
	container: "viewDiv"
});
```

2. api 3.x 代码

3. api 4.x 代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="https://js.arcgis.com/4.12/esri/css/main.css">
    <script src="https://js.arcgis.com/4.12/"></script>


    <script type="text/javascript">
        require(["esri/Map",
                "esri/layers/MapImageLayer",
                "esri/views/MapView",
                "dojo/domReady!"],
            function (Map, MapImageLayer, MapView) {
                var map = new Map();
                var layer = new MapImageLayer({
                    url:"http://192.168.3.1:6080/arcgis/rest/services/gaofen/xianghe/MapServer",

                });
                map.add(layer);
                new MapView({
                    map: map,
                    container: "viewDiv"
                });


            });
    </script>
</head>

<body>
<div id="viewDiv" style="height:800px;"></div>
</body>
</html>

Devin·Finn

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
动态地图加载api 4.x

感觉3和4还是有较大改变的。从esri官方例子上看来，4的功能更加丰富，在大数据的展示和操作上体验比3要好。 4.12为例1. 不同API调用//API 3.x ：<link rel="stylesheet" href="https://js.arcgis.com/3.28/esri/css/esri.css"/><script src="https://js.ar...
复制链接

扫一扫

专栏目录