<!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静态页面,在上线时,还需要根据功能来进行更多的实现。