js读取geojson
时间: 2023-10-22 20:03:32 浏览: 213
要在 JavaScript 中读取和处理 GeoJSON 文件,可以使用 AJAX(异步 JavaScript 和 XML)技术。以下是一个简单的代码示例:
```javascript
// 创建 XMLHttpRequest 对象
var xmlhttp = new XMLHttpRequest();
// 指定 GeoJSON 文件的 URL
var url = "data.geojson";
// 发送 AJAX 请求
xmlhttp.open("GET", url, true);
xmlhttp.send();
// 当请求完成时执行的函数
xmlhttp.onreadystatechange = function() {
// 如果请求成功并且响应已经准备就绪
if (this.readyState == 4 && this.status == 200) {
// 将响应解析为 JSON 对象
var geojson = JSON.parse(this.responseText);
// 在控制台输出 GeoJSON 对象
console.log(geojson);
// 在地图上加载 GeoJSON 数据
L.geoJSON(geojson).addTo(map);
}
};
```
在这个示例中,我们使用 XMLHttpRequest 对象发送一个 GET 请求来获取指定 URL 上的 GeoJSON 文件。当请求完成时,我们将响应解析为 JSON 对象并将其输出到控制台。然后,我们使用 Leaflet 库的 `L.geoJSON()` 方法将 GeoJSON 数据添加到地图上。
阅读全文