arcgis api for js 4.*加载动态地图

最新推荐文章于 2021-06-21 11:51:30 发布

baijian10

最新推荐文章于 2021-06-21 11:51:30 发布

阅读量911

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/baijian10/article/details/106758636

版权

3.*的时候用的是ArcGISDynamicMapServiceLayer
4.*的时候可以用MapImageLayer加载动态地图
代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OGC的WMS调用</title>
    <link
      rel="stylesheet"
      href="https://js.arcgis.com/4.15/esri/themes/light/main.css"
    />
    <script src="https://js.arcgis.com/4.15/"></script>

    <style>
        html,
        body,
        #myView{
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
    </style>
    <script>
        require([
        "esri/Map",
        "esri/views/MapView",
        "esri/layers/MapImageLayer"
        ],function(
            Map,
            MapView,
            MapImageLayer
        ){
            var myDynamicLayer=new MapImageLayer({
                url: "http://localhost:6080/arcgis/rest/services/OGCtest/MeiXiCunWMS/MapServer",
            })
            var map=new Map({
                basemap: {
                    baseLayers: [myDynamicLayer]
                }
            })
            var view=new MapView({
                container: "myView",
                map: map,
            })
        })
    </script>
</head>
<body>
    <div id="myView"></div>
</body>
</html>

baijian10

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
arcgis api for js 4.*加载动态地图

3.*的时候用的是ArcGISDynamicMapServiceLayer4.*的时候可以用MapImageLayer加载动态地图代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
复制链接

扫一扫