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

最新推荐文章于 2024-05-23 09:44:04 发布

大数据食铁兽

最新推荐文章于 2024-05-23 09:44:04 发布

阅读量1.2w

点赞数

本文链接：https://blog.csdn.net/kuankuanerfei/article/details/50910742

版权

<!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
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
1
评论
百度地图API多行政区域划分

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} 添加行政区划 // 百度地图API功能 var map = new BMap.Map("allmap"); map.centerAndZoom(new BMap.Point(113.36
复制链接

扫一扫