百度地图添加多个行政区划
2016-02-24 21:45
232 查看
添加多个行政区划 并给他添加不同颜色
示例图
下面是代码
示例图
下面是代码
<!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>
相关文章推荐
- 关于面试的一些感想
- 不使用临时变量 交换两个数
- iOS中容易造成循环引用的三种场景
- 移动web开发前准备知识了解(html5、jquery)笔记
- NOIP2015 子串 (DP+优化)
- ANSI_NULLS、QUOTED_IDENTIFIER
- puppet(1.7-2.1)
- JVM-内存分配与回收策略
- 著名投资人Chris Dixon:计算的下一波浪潮是什么?
- 函数概述
- maven+springmvc错误 JAX-RS (REST Web Services) 2.0 can not be installed
- Regex_正则
- 养成编程好习惯每天敲代码30分钟!(第1天)
- ehcache memcache redis 三大缓存男高音
- Core Data数据操作
- 批量为通讯组添加RejectMessagesFromSendersOrMembers成员
- 解决CCEditBox 在iOS9下导致场景偏移的问题
- php分配变量 smarty
- 1065. A+B and C (64bit) (20)
- BRD MRD PRD提纲