zoukankan      html  css  js  c++  java
  • arcgis api for javascript 学习(一) 调用在线发布的动态地图

    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>
  • 相关阅读:
    我拒绝接受的几个最佳编程实践方法
    女人千万别写代码
    Visual Studio原生开发的10个调试技巧(二)
    20个很有用的PHP类库
    8个开发必备的PHP功能
    青少年如何使用 Python 开始游戏开发
    rmdir 删除空目录
    rm 删除文件或目录
    mv 移动或重命名文件
    cp 复制文件或目录
  • 原文地址:https://www.cnblogs.com/yxd000/p/11244580.html
Copyright © 2011-2022 走看看