百度地图开发-----添加多个行政区域
来源:互联网 发布:希望我们都好好的 知乎 编辑:程序博客网 时间:2024/05/01 20:06
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=1.4"></script>
<title>添加多个行政区划</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(112.533643,32.998098), 9);
map.enableScrollWheelZoom();
madeBoundary();
//区域图
function madeBoundary() {
var datas = new Array("南召县-#665599","方城县-#559955","邓州市-#666ddd","社旗县-#1199cc");
var bdary = new BMap.Boundary();
for(var i=0;i<datas.length;i++){
getBoundary(datas[i],bdary);
}
}
//设置区域图
function getBoundary(data,bdary){
data = data.split("-");
bdary.get(data[0], function(rs){ //获取行政区域
var count = rs.boundaries.length; //行政区域的点有多少个
var pointArray = [];
for (var i = 0; i < count; i++) {
var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: "#ff0000",fillOpacity:0.5,fillColor:data[1]}); //建立多边形覆盖物
map.addOverlay(ply); //添加覆盖物
}
});
}
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=1.4"></script>
<title>添加多个行政区划</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(112.533643,32.998098), 9);
map.enableScrollWheelZoom();
madeBoundary();
//区域图
function madeBoundary() {
var datas = new Array("南召县-#665599","方城县-#559955","邓州市-#666ddd","社旗县-#1199cc");
var bdary = new BMap.Boundary();
for(var i=0;i<datas.length;i++){
getBoundary(datas[i],bdary);
}
}
//设置区域图
function getBoundary(data,bdary){
data = data.split("-");
bdary.get(data[0], function(rs){ //获取行政区域
var count = rs.boundaries.length; //行政区域的点有多少个
var pointArray = [];
for (var i = 0; i < count; i++) {
var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: "#ff0000",fillOpacity:0.5,fillColor:data[1]}); //建立多边形覆盖物
map.addOverlay(ply); //添加覆盖物
}
});
}
</script>
阅读全文
0 0
- 百度地图开发-----添加多个行政区域
- 百度地图API多行政区域划分
- 百度地图--南京行政区域划分
- iOS -- 百度地图画出行政区域的边界
- android百度地图开发V4.5最新版(6)---行政区域查找
- asp.net google地图+百度地图绘制行政区域图
- iOS Swift百度地图 添加多个标注
- 百度地图添加多个大头针自定义图片
- 百度地图添加标注(显示多个标注点)
- 【百度地图API】如何获取行政区域的边界? (转载)
- 【百度地图API】如何获取行政区域的边界?
- 【百度地图API】如何获取行政区域的边界?
- 百度地图不用手动描点获取行政区域边界
- 百度地图不用手动描点获取行政区域边界
- 【百度地图API】如何获取行政区域的边界?
- 百度地图添加多个marker,给marker添加多个信息窗口
- Android--百度地图学习(第三章)如何给地图添加多个覆盖物
- 地图行政区域标注
- map vs forEach
- 网络边缘将驱动本地数据中心需求
- sublime text3快捷键
- ACCP 全部电子版教材(S1-Y2)下载地址
- 选择排序
- 百度地图开发-----添加多个行政区域
- 这个行业一半人月薪超过8千!
- 开通CSDN
- 微信公众平台开发踩过的坑
- XListview + imageLoader !!
- VASSISTX使用指南
- YTKNetwork集成教程以及相关问题思考
- 一篇文章梳理完虚拟现实相关的核心技术 | 收藏
- maven依赖设置版本号的坑:java.lang.NoSuchMethodError: No static method stringToValue(Ljava/lang/String;)Ljava/