百度地图加载geojson实现覆盖物,样例代码
时间: 2023-07-03 08:07:52 浏览: 118
百度地图覆盖物
5星 · 资源好评率100%
以下是加载 GeoJSON 实现覆盖物的百度地图样例代码:
```javascript
// 初始化地图
var map = new BMap.Map("map-container");
// 设置中心点坐标和地图级别
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);
// 加载 GeoJSON 数据
$.getJSON("data.geojson", function(json){
// 遍历 features
for (var i = 0; i < json.features.length; i++) {
var feature = json.features[i];
// 创建标注
var marker = new BMap.Marker(new BMap.Point(feature.geometry.coordinates[0], feature.geometry.coordinates[1]));
map.addOverlay(marker);
// 创建信息窗口
var infoWindow = new BMap.InfoWindow(feature.properties.name);
// 绑定点击事件
marker.addEventListener("click", function(){
this.openInfoWindow(infoWindow);
});
}
});
```
其中,`data.geojson` 是 GeoJSON 数据文件的路径。遍历 features 后,创建标注和信息窗口,并绑定点击事件。
阅读全文