百度地图划多边形圈，并判断某个经纬度是否在某个圈中

最新推荐文章于 2024-01-06 19:45:22 发布

weixin_34384681

最新推荐文章于 2024-01-06 19:45:22 发布

阅读量510

点赞数

文章标签： json python javascript ViewUI

原文链接：https://my.oschina.net/sharesuiyue/blog/787916

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>

//是否当前位置是否在区域内
$('[btn="search"]').click(function(){
longitude = $("#longitude").val();
latitude = $("#latitude").val();
$.post("/test/search",{dealerid:dealerid,longitude:longitude,latitude:latitude},function(res){
if(res&&res.code==1)
{
alert(res.msg);
}else{
alert(res.msg);
}
},"json");
});

//初始化地图
_loadMap(0,0);
});
</script>
</body>
</html>

// 百度地图API功能
var map = new BMap.Map("map", {
enableMapClick: true
}); // 创建Map实例
@if($dealer)
//点击单一商户
point = new BMap.Point({{$dealer['longitude']}}, {{$dealer['latitude']}});
map.centerAndZoom(point, 13); // 初始化地图,设置中心点坐标和地图级别
@elseif($city)
//选择某一个城市
map.centerAndZoom("{{$city['cityname']}}",13);
@else
//默认显示城市
map.centerAndZoom("北京",13);
@endif
//
map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
map.addControl(new BMap.NavigationControl());

// 编写自定义函数,创建商家标注
function addMarker(point,dealername,show_delete){
var marker = new BMap.Marker(point);
map.addOverlay(marker);
var label = new BMap.Label(dealername,{offset:new BMap.Size(20,-10)});
marker.setLabel(label);

if(show_delete)
{
var delete_label = new BMap.Label("<a href='javascript:;'>点击图标删除区域</a>",{offset:new BMap.Size(-38,26)});
marker.setLabel(delete_label);
marker.addEventListener("click",function(){
$.post("/test/removesign",{dealerid:dealerid},function(res){
if(res&&res.code==1){
_loadMap(cityid,dealerid);
}else{
alert(res.msg);
}
},"json");
});
}
}

//添加商户到地图
var _loadDealerToMap = function(){
@if($dealer)
var point = new BMap.Point({{$dealer['longitude']}}, {{$dealer['latitude']}});
addMarker(point,"{{$dealer['dealername']}}",{{$dealer['points']?1:0}});
@elseif($dealers)
@foreach($dealers as $v)
@if($v['longitude'] && $v['latitude'])
var point = new BMap.Point({{$v['longitude']}}, {{$v['latitude']}});
addMarker(point,"{{$v['dealername']}}",false);
@endif
@endforeach
@endif
}
//setTimeout(_loadDealerToMap(),1000);
_loadDealerToMap();

//使用工具划区域后执行事件
var overlaycomplete = function (e) {
if(drawingManager.getDrawingMode() != "polygon"){
alert("请选用多边形画图工具！");
return false;
}
if(!dealerid){
alert("请先选择一个经销商！");
return false;
}
points = e.overlay.getPath();
$.post("/test/signdealer",{dealerid:dealerid,points:points},function(res){
if(res&&res.code==1){
//重新刷新地图
_loadMap(cityid,dealerid);
}else{
alert(res.msg);
}
},"json");
//debugger;
};

@if($dealer)
$.get('/test/getdealerare',{dealerid:{{$dealer['dealerid']}}}, function (data) {
if(data)
{
var dataSet = new mapv.DataSet(data);
var options = {
fillStyle: 'rgba(255, 80, 53, 0.8)',
strokeStyle: 'rgba(250, 255, 53, 0.8)',
lineWidth: 2,
draw: 'simple',
zIndex: 1,
size: 5, // 大小值
}
var mapvLayer = new mapv.baiduMapLayer(map, dataSet, options);
}
});
@endif

</script>

/**
* 判断是否在区域内部
* @param [array] $p 需要查询的经纬度
* @param [array] $points 查询的圈的经纬度集合
* @return boolean
*/
private function _isInside($p,$points)
{
$count = count($points);
if($count < 3)
return false;
$result = false;
for($i = 0, $j = $count - 1; $i < $count; $i++)
{
$p1 = $points[$i];
$p2 = $points[$j];
if($p1['lat'] < $p['lat'] && $p2['lat'] >= $p['lat'] || $p2['lat'] < $p['lat'] && $p1['lat'] >= $p['lat']){
if($p1['lng'] + ($p['lat'] - $p1['lat']) / ($p2['lat'] - $p1['lat']) * ($p2['lng'] - $p1['lng']) < $p['lng']){
$result = !$result;
}
}
$j = $i;
}
return $result;
}