高德地图显示多个多边形框


<!--高德地图开始  -->		
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.4&key=""你的key"></script>
<script src="http://webapi.amap.com/ui/1.0/main.js"></script>
<script type="text/javascript" src="http://webapi.amap.com/demos/js/liteToolbar.js"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<!--高德地图结束  -->

/**
位置
*  <div id="container"></div>
*/

window.onload = function() {
	var map = new AMap.Map('container', {
	    resizeEnable: true,
	    center: [104.097764,30.674122],//中心位置
	    zoom: 16
	});
     var polygonOptions = {
            map: map,
            strokeColor: '#97EC71',
            strokeWeight: 2,
            fillColor: '#D1B3E3',
            fillOpacity: 0.7
        }; 
   //土地
   /**
  * 后台传来的map集合 里面是list
  */
   <c:forEach items="${mapList.LandApp}" var="l">
		var zbArr="${l.coord}";
		var fillColor="${l.fillColor}";
		adfas(zbArr,fillColor);
	</c:forEach>
   //项目
 <%--  <c:forEach items="${mapList.ProjectApp}" var="l">
		var zbArr="${l.coord}";
		var fillColor="${l.fillColor}";
		adfas(zbArr,fillColor);
	</c:forEach> --%>
   //楼宇
 <%-- 	<c:forEach items="${mapList.BuildingApp}" var="l">
		var zbArr="${l.coord}";
		var fillColor="${l.fillColor}";
		adfas(zbArr,fillColor);
	</c:forEach> --%>
	function adfas(zbArr,fillColor){
		if(zbArr!=null&&zbArr.length>0){
			console.log(zbArr);
		     var zbArr2 = zbArr.split(',');
			    //遍历取得的数据库坐标字段,将字符串转换成地图需要的坐标数组(二维数组)
			    var polygonAr = new Array(); //
			 	for(var i=0;i < zbArr2.length; i++){
				if(i%2==0){
// 					var aArr=[];
// 					aArr.push(Number(zbArr2[i]));
// 					aArr.push(Number(zbArr2[i+1]));
					polygonAr.push(new AMap.LngLat(zbArr2[i],zbArr2[i+1]));
				}
				} 
// 				for(var i=0;i < zbArr2.length; i+=2){
// 					polygonAr.push(new AMap.LngLat(zbArr2[i], zbArr2[i+1]));
// 				}
			    aafsas(polygonAr,fillColor);
		}
	}
	function aafsas(polygonAr,fillColor){
		console.log(polygonAr);
		var  polygon = new AMap.Polygon({
		    path: polygonAr,//设置多边形边界路径
		    strokeColor: fillColor, //线颜色
		    strokeOpacity: 0.2, //线透明度
		    strokeWeight: 3,    //线宽
		    fillColor: fillColor, //填充色
		    fillOpacity: 0.35//填充透明度
		});
		polygon.setMap(map);
	} 
	map.setFitView();
}

	

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值