JS怎么调用百度地图生成多个城市的轮廓图,请给出示例代码
时间: 2024-06-10 17:09:03 浏览: 240
以下是一个使用百度地图API生成多个城市轮廓图的示例代码:
```javascript
// 引入百度地图API
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=YOUR_AK"></script>
// 创建地图实例
var map = new BMap.Map("map-container");
// 添加城市列表
var cityList = ["北京市", "上海市", "广州市", "深圳市", "杭州市"];
var boundary = new BMap.Boundary();
for (var i = 0; i < cityList.length; i++) {
// 使用Boundary库获取城市边界
boundary.get(cityList[i], function(rs){
// 处理返回的边界数据
var count = rs.boundaries.length;
for (var j = 0; j < count; j++) {
// 创建多边形覆盖物
var polygon = new BMap.Polygon(rs.boundaries[j], {strokeWeight: 2, strokeColor: "#ff0000", fillColor: "#fff", fillOpacity: 0.5});
// 添加覆盖物到地图中
map.addOverlay(polygon);
}
});
}
// 设置地图中心和缩放级别
map.centerAndZoom(new BMap.Point(116.404, 39.915), 10);
```
希望这个代码能够帮到你!
阅读全文