arcgis制作渔网及渲染调用

最新推荐文章于 2024-09-26 22:39:28 发布

合抱阴阳

最新推荐文章于 2024-09-26 22:39:28 发布

阅读量1.3k

点赞数

分类专栏： arcgis for js js arcmap 文章标签： js javascript html5

本文链接：https://blog.csdn.net/weixin_42496466/article/details/112212928

版权

js 同时被 3 个专栏收录

34 篇文章 3 订阅

订阅专栏

arcgis for js

16 篇文章 3 订阅

订阅专栏

arcmap

10 篇文章 0 订阅

订阅专栏

一、准备区域和渔网数据图

二、发布成gis服务

三、编写实现代码测试

<html>
<head>
    <meta charset="utf-8" />
    <meta
            name="viewport"
            content="initial-scale=1,maximum-scale=1,user-scalable=no"
    />
    <!--
  ArcGIS API for JavaScript, https://js.arcgis.com
  For more information about the layers-featurelayer sample, read the original sample description at developers.arcgis.com.
  https://developers.arcgis.com/javascript/latest/sample-code/layers-featurelayer/index.html
  -->
    <title>
        Intro to FeatureLayer | Sample | ArcGIS API for JavaScript 4.18
    </title>

    <link
            rel="stylesheet"
            href="https://js.arcgis.com/4.18/esri/themes/light/main.css"
    />
    <script src="https://js.arcgis.com/4.18/"></script>

    <style>
        html,
        body,
        #viewDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
    </style>

    <script>
        var featureLayer;
        require([
            "esri/Map",
            "esri/views/MapView",
            "esri/layers/FeatureLayer"
        ], function (Map, MapView, FeatureLayer) {
            var map = new Map({
                basemap: "hybrid"
            });

            var view = new MapView({
                container: "viewDiv",
                map: map,
                center: [105.599327,34.087383],  // Sets center point of view using longitude,latitude
                zoom:5
            });

            /********************
             * Add feature layer
             ********************/

                // Carbon storage of trees in Warren Wilson College.
            var featureLayer1 = new FeatureLayer({
                url:
                    "http://hsfx.bjdclw.com:8060/arcgis/rest/services/TEST/NetGrid/MapServer/2"
            });

            map.add(featureLayer1);
            featureLayer = new FeatureLayer({
                    url:
                        "http://hsfx.bjdclw.com:8060/arcgis/rest/services/TEST/NetGrid/MapServer/1",
                opacity:0.3
                });

            map.add(featureLayer);
        });
    </script>
</head>

<body>
<div id="viewDiv"></div>
</body>
</html>

四、渲染成果