百度地图自定义选取区域(四)

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>行政区域工具</title>

<script type="text/javascript" src="datastyle.js"></script>

</head>

<body>

<input type="text" id="jingweidu" value="" />

<input type="button" onclick="submitFun();" value="提交" /></p>

<div id="info"></div>

</body>
</html>
document.write('<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2&ak=F23c57cf276323e3f60ab6bb90af4767"></script>');
document.write('<script type="text/javascript" src="http://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js"></script>');

function submitFun(){
	var dp = "114.018107,22.672359|114.151774,22.66142|114.153212,22.577351|114.092558,22.542373|114.006896,22.548782|114.01322,22.596571|113.981025,22.659019|113.981025,22.659019|";
	var carPoiont = document.getElementById('jingweidu').value;
	var Mark = stringJudge(dp,carPoiont);
	alert(Mark);
}

function stringJudge(dp,carPoiont){
	var Mark="";
	var points=[];
	var dps = dp.split("|");
    for(var i=0;i<dps.length-1;i++){
		var dpArr = dps[i].split(",");
		var newpoint = new BMap.Point(dpArr[0],dpArr[1]);
		points.push(newpoint); 
    }

	var ply = new BMap.Polygon(points);

	var carPoionts = carPoiont.split(",");

    var pt =new BMap.Point(carPoionts[0],carPoionts[1]);
    
    var result = BMapLib.GeoUtils.isPointInPolygon(pt, ply);
    if(result == true){
        //alert("点在多边形内-------");
		Mark = "YES";
    }else{
        //alert("点在多边形外------");
		Mark = "NO";
    }

	return Mark
}


这是在上线前最后的测试代码了,所以还是html静态页面,在上线时,还需要根据功能来进行更多的实现。





转载于:https://my.oschina.net/hehongbo/blog/484744

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值