直接用Json写Shp文件并加载到地图中

最新推荐文章于 2025-06-17 22:53:55 发布

原创最新推荐文章于 2025-06-17 22:53:55 发布 · 5.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #json #地图 #arcgis

ARCGIS for JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何通过JavaScript编写函数，将JSON数据转换为Shp文件，并将其加载到ArcGIS地图中，实现地图边界显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写一个函数来实现添加添加Json写的边界

<span style="white-space:pre">				</span>function addBoundary(){
                                require(["esri/graphic","esri/tasks/FeatureSet",
                                        "esri/symbols/SimpleMarkerSymbol", "esri/symbols/SimpleLineSymbol",
                                        "esri/symbols/PictureFillSymbol", "esri/symbols/CartographicLineSymbol", 
                                        "esri/Color", "dojo/dom", "dojo/on", "dojo/domReady!"
                                ], function(Graphic,FeatureSet,
                                        SimpleMarkerSymbol, SimpleLineSymbol,
                                        PictureFillSymbol, CartographicLineSymbol, 
                                        Color, dom, on
                                      ) {
                                    var fillSymbol = new PictureFillSymbol("images/mangrove.png",new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,new Col<span style="white-space:pre">					</span>or('#000'), 1),42,42);
                                    //排序：老挝、印度尼西亚、文莱、新加坡、柬埔寨、泰国、缅甸、菲律宾、越南、马来西亚
                                    map.graphics.add(new esri.Graphic(getlaowo(), fillSymbol));
                                    map.graphics.add(new esri.Graphic(getmalaixiya(), fillSymbol));
                                })
                            }

在上面函数中只是需要将下面绿色的这个参数传入就行了

map.graphics.add(new esri.Graphic(getlaowo(), fillSymbol));

传入的这个getlaowo()参数根据需求是要Json格式的，由于Json比较长较难阅读，因此将之写到一个函数里面入getlaowo()和getmalaixiya()。装到一个js文件里面备用，也方便了管理

下面贴上JS文件里面的一个函数的代码：

//备用的，在rings后面直接加上在地图服务中浏览器上post传入的Json里中括号以及中括号以内的东东就成功了！
var BoundaryJsonlaowo = {
    "geometry": {
        "rings":这里写Json, "spatialReference": { "wkid": 4326 }
    },
    "symbol": {
        "color": [0, 255, 0, 0], "outline": {
            "color": [0, 255, 0, 255],
            "width": 1.5, "type": "esriSLS", "style": "esriSLSSolid"
        },
        "type": "esriSFS", "style": "esriSFSSolid"
    }
};

哇咔咔。代码就此结束，附上图：