百度地图电子围栏判断
Index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>电子围栏</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=O**************k"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js"></script>
<!--加载鼠标绘制工具-->
<script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css"/>
<style type="text/css">table{font-size:14px;}
</style>
</head>
<body>
<div style="float:left;width:100%;height:500px;border:1px solid gray" id="container">
</div>
<div style="float:left;width:100%;border:1px solid gray" id="control"><table style="width:100%;"><tr><td colspan="2">判断点是否在指定区域内:</td></tr><tr><td><button onclick="ptInPolygon()">判断</button><button onclick="clearPolygon()">清除</button></td></tr></table>
</div>
<div id="shape">右键获取任意点的经纬度,坐标为:
</div>
</body>
</html>
<script type="text/javascript">var map = new BMap.Map("container");var pt = new BMap.Point(114.431151,30.468772);map.centerAndZoom(pt, 18);map.enableScrollWheelZoom();//开启滚动缩放map.enableContinuousZoom();//开启缩放平滑function $(id){return document.getElementById(id);}//绘制范围var pts = [];map.addEventListener("rightclick",function(e){$("shape").innerHTML=$("shape").innerHTML+" <br/>("+e.point.lng+","+e.point.lat+")";var pt = new BMap.Point(e.point.lng,e.point.lat);pts.push(pt);var ply = new BMap.Polyline(pts, {strokeColor: "red", strokeStyle:"dashed"});map.addOverlay(ply);});//点在多边形内function ptInPolygon(){var pt =new BMap.Point(114.431363,30.469658);var ply = new BMap.Polygon(pts, {strokeColor: "red", strokeStyle:"dashed"});var result = BMapLib.GeoUtils.isPointInPolygon(pt, ply);if(result == true){alert("点在指定区域内");} else {alert("点在指定区域外");}//演示：将面添加到地图上map.clearOverlays();var mkr = new BMap.Marker(pt);map.addOverlay(mkr);map.addOverlay(ply);}function clearPolygon() {$("shape").innerHTML = "";pts.length = 0;map.clearOverlays();}
</script>效果如图:
百度地图电子围栏判断相关推荐
- 百度地图电子围栏判断 地图定位
地图获取经纬度:https://blog.csdn.net/Gabriel_wei/article/details/105833782 <!DOCTYPE html> <html l ...
- swift 百度地图加载与百度地图电子围栏加载
最近在写百度地图电子围栏加载,研究源码,也花了一些时间. 1.百度电子围栏整体思路 1)用户创造实体,赋予监控权限 2)对该实体创造电子围栏,有服务端和本地端两种方式,先创造实体,上传到的服务器中.在 ...
- Vue百度地图电子围栏
主要功能 支持多边形.圆形.矩形.行政区域绘制 在线访问地址 http://wecode2020.gitee.io/bmap-hurdle/ 码云仓库地址 https://gitee.com/weco ...
- api 定位 微信小程序 精度_微信小程序城市定位(借助百度地图API判断城市)
概述 微信小程序提供一些API(地址)用于获取当前用户的地理位置等信息,但无论是wx.getLocation,还是wx.chooseLocation均没有单独的字段表示国家与城市信息,仅有经纬度信息. ...
- java判断地图范围_百度地图java 判断当前位置是否在多边形区域内
package com.haiyisoft.cAssistant.adapter.hessian; import java.awt.geom.Point2D; import java.util.Arr ...
- Android开发之百度地图距离判断(判断定位位置是否在圆的范围内)
直接上代码,简单明了 /*** 返回是否在打卡范围内** @return 返回值*var0表示圆心的坐标,var1代表圆心的半径,var2代表要判断的点是否在圆内*isCircleContainsPo ...
- H5页面唤醒高德地图|百度地图App
H5页面唤醒高德地图|百度地图App 移动端H5页面唤醒app,若唤醒失败则跳转到应用商城下载. 唤醒前需要检测当前操作系统,不同的操作系统用不同的协议 我这里的需求是唤醒失败就跳转到网页版的地图,若 ...
- 用百度地图实现添加电子围栏并判断是否在范围内
用百度地图实现添加电子围栏并判断是否在范围内 做一个社区矫正系统时,误以为是给每个人设置一个活动范围,做了一个Demo, 以用户位置为中心,设置电子围栏半径并判断是否在范围内 预览: HTML代码如下 ...
- 项目一、调用百度地图api实现电子围栏和报警信息关联
前段时间香克斯去实习去了,由于一些原因只实习了12天,不过第一次实习,觉得还是有必要记录一下.事先声明,这个博客也是获得同意的,目前这个项目完成度还不是很高,有的地方我的想法不成熟的,希望大家多多提意 ...
最新文章
- spring原理案例-基本项目搭建 01 spring framework 下载 官网下载spring jar包
- WCF（学习笔记）【参见WCF教程】
- Servlet使用适配器模式进行增删改查案例（BaseDaoUtilImpl.java）
- 无法显示验证码去掉html,如何去除验证码-模版风格-易通免费企业网站系统 - Powered by CmsEasy...
- tampermonkey脚本header介绍
- css里面的位置属性,CSS定位属性Position详解
- C++基础——函数模板
- [Android]RapidFloatingActionButton框架正式出炉
- C# 自定义控件基础知识
- STM32CAN波特率简易计算
- 定时重启群晖 SurveillanceStation NVR服务
- JSP常用内置对象方法
- html标题(heading)
- 微信发送图片php,PHP怎么实现微信图片上传到服务器？
- 第六章 SQL命令 CREATE INDEX（一）
- 多传感器数据融合发展综述
- 数据结构：八大常见数据结构
- C++Primer第五版——习题答案详解（六）
- 白盒测试与黑盒测试的定义与区别
- 我在北京工作，但是户口在重庆。 今天妈妈去办理她的医保，办理的人户口本上的人都要办医保卡，我在北京已经有了医保了。重庆那边就需要我出示这边单位的证明，请问我应该如何去开呢？