首页arcgis js 加载geojson

arcgis js 加载geojson

时间: 2023-03-21 12:00:23 浏览: 212

要在ArcGIS JavaScript API中加载GeoJSON数据，可以使用Esri的GeoJSONLayer类。以下是一个基本的示例，该示例使用GeoJSONLayer将数据加载到地图中： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>Load GeoJSON using GeoJSONLayer</title> <link rel="stylesheet" href="https://js.arcgis.com/4.22/esri/themes/light/main.css"> <script src="https://js.arcgis.com/4.22/"></script> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <script> require([ "esri/Map", "esri/views/MapView", "esri/layers/GeoJSONLayer" ], function(Map, MapView, GeoJSONLayer) { var map = new Map({ basemap: "streets-navigation-vector" }); var view = new MapView({ container: "viewDiv", map: map, center: [-98, 38], zoom: 4 }); var geojsonLayer = new GeoJSONLayer({ url: "path/to/your/geojson/file.geojson" }); map.add(geojsonLayer); }); </script> </head> <body> <div id="viewDiv"></div> </body> </html> ``` 在这个示例中，我们首先使用Esri的Map和MapView类创建了一个地图视图。然后，我们使用GeoJSONLayer类创建了一个新的GeoJSON图层，并指定要加载的GeoJSON文件的URL。最后，我们将该图层添加到地图中，以便在地图上显示GeoJSON数据。

阅读全文