百度地图API多行政区域划分

来源：互联网发布：移动数据开关已关闭编辑：程序博客网时间：2024/05/01 12:11
<!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/api?v=2.0&ak=你的秘钥n"></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(113.363765, 23.134850), 10);map.enableScrollWheelZoom();  map.setMapStyle({  styleJson:[          {                    "featureType": "background",                    "elementType": "all",                    "stylers": {                              "color": "#212121"                    }          },          {                    "featureType": "road",                    "elementType": "all",                    "stylers": {                              //"color": "#212121"   "visibility": "off"                    }          },          {                    "featureType": "label",                    "elementType": "all",                    "stylers": {                              "color": "#212121"   //"visibility": "off"                    }          },          {                    "featureType": "boundary",                    "elementType": "all",                    "stylers": {                              "color": "#ffffff"                    }          },          {                    "featureType": "poi",                    "elementType": "all",                    "stylers": {                              //"color": "#ffffff"  "visibility": "off"                    }          }]});  cityJSONZ=[{"name":"天河区","color": "#9F79EE"},             {"name":"白云区","color": "#9F79EE"}, {"name":"越秀区","color": "#9F79EE"}, {"name":"黄埔区","color": "#9F79EE"}, {"name":"萝岗区","color": "#9F79EE"}, {"name":"从化市","color": "#9F79EE"}, {"name":"增城市","color": "#9F79EE"}, {"name":"番禺区","color": "#9F79EE"},{"name":"花都区","color": "#9F79EE"},{"name":"南沙区","color": "#9F79EE"},             {"name":"海珠区","color": "#9F79EE"}];var city = new Array();for(var i=0;i<cityJSONZ.length;i++){var cityJSON={};cityJSON.name=cityJSONZ[i].name;  cityJSON.color=cityJSONZ[i].color;city.push(cityJSON);}for(var i=0;i<city.length;i++){    getBoundary(city[i]);} function getBoundary(city){          var jsonObj = city ; //使用eval解析成对象      var bdary = new BMap.Boundary();    bdary.get(jsonObj.name, function(rs){      //获取行政区域//map.clearOverlays();        //清除地图覆盖物       var count = rs.boundaries.length; //行政区域的点有多少个if (count === 0) {alert('未能获取当前输入行政区域');return ;}          var pointArray = [];for (var i = 0; i < count; i++) {var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: "#ffffff"}); //建立多边形覆盖物map.addOverlay(ply);  //添加覆盖物//pointArray = pointArray.concat(ply.getPath());}    //map.setViewport(pointArray);    //调整视野                 });   }var tianhe=new BMap.Point (113.367062,23.130754),yuexiu=new BMap.Point (113.273638,23.135805);var marker=new BMap.Marker(tianhe, {  // 指定Marker的icon属性为Symbol  icon: new BMap.Symbol(BMap_Symbol_SHAPE_POINT, {    scale: 1.5,//图标缩放大小    fillColor: "red",//填充颜色    fillOpacity: 1//填充透明度  })});map.addOverlay(marker);marker.setAnimation(BMAP_ANIMATION_BOUNCE);var point1=[tianhe,yuexiu];var curve1 = new BMapLib.CurveLine(point1, {strokeColor:"yellow",strokeWeight:10, strokeOpacity:0.8});map.addOverlay(curve1);curve.enableEditing(); //开启编辑功能</script>
0 0