arcgis api for javascript 学习（一）调用在线发布的动态地图

最新推荐文章于 2021-07-14 18:03:41 发布

weixin_30791095

最新推荐文章于 2021-07-14 18:03:41 发布

阅读量1.1k

点赞数

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/yxd000/p/11244580.html

版权

1、图中显示为arcgis软件中显示的地图文件

2、调用动态地图主要的是知道动态地图的URL地址

3、通过IDE（webstorm）调用动态地图，如图

4、话不多说，直接上代码

<!DOCTYPE HTML>
<html>
<head>
    <title>调用动态地图服务</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <link rel="stylesheet" href="https://js.arcgis.com/3.29/esri/css/esri.css">
    <script src="https://js.arcgis.com/3.29/"></script>
    <script>
        require([
            "esri/map",
            "esri/layers/ArcGISDynamicMapServiceLayer",
            "esri/layers/ArcGISTiledMapServiceLayer",
            "esri/geometry/Extent",
            "esri/SpatialReference"], function(
                Map,
                ArcGISDynamicMapServiceLayer,
                ArcGISTiledMapServiceLayer,
                Extent,
                SpatialReference
        ) {
            var extent = new Extent(71.010089,21.288148,135.768574,54.399626, new SpatialReference({ wkid:4326 }));
            var map = new Map("map", {
                //center: [116.403119,39.915599],
                //zoom:2,
                extent:extent,
                basemap: "streets" //satellite、streets、oceans
            });
            //调用动态地图服务
            var dyLayer=new ArcGISDynamicMapServiceLayer('http://localhost:6080/arcgis/rest/services/mapservice/MapServer');
            map.addLayer(dyLayer);

        });
    </script>
</head>
<body>
<div id='map'>

</div>
</body>
</html>

转载于:https://www.cnblogs.com/yxd000/p/11244580.html

weixin_30791095

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
arcgis api for javascript 学习（一）调用在线发布的动态地图

1、图中显示为arcgis软件中显示的地图文件2、调用动态地图主要的是知道动态地图的URL地址3、通过IDE（webstorm）调用动态地图，如图4、话不多说，直接上代码<!DOCTYPE HTML><html><head> <title>调用动态地图服务</title> ...
复制链接

扫一扫