给定坐标点，判断是否在某区域范围内 地理围栏算法

最新推荐文章于 2024-07-01 17:55:15 发布
最新推荐文章于 2024-07-01 17:55:15 发布
阅读量805 收藏
点赞数
文章标签： 前端 数据库 javascript ViewUI
原文链接：https://my.oschina.net/hejunbinlan/blog/1486711
版权

地图平台：leaflet

语言：js

 

index.html

 

[html] view plain copy

 print?

  1. <!DOCTYPE html>  
  2. <html>  
  3.   
  4.     <head>  
  5.         <title>Leaflet 快速开始指南示例</title>  
  6.         <meta charset="utf-8" />  
  7.   
  8.         <link rel="stylesheet" href="css/leaflet.css" />  
  9.     </head>  
  10.   
  11.     <body>  
  12.         <div id="map" style="width: 1024px; height: 768px"></div>  
  13.   
  14.         <script src="js/leaflet.js"></script>  
  15.         <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>  
  16.         <script type="text/javascript" src="js/isPointInPolygon.js"></script>  
  17.         <script>  
  18.             var map = L.map('map').setView([24, 110], 5);  
  19.             L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6IjZjNmRjNzk3ZmE2MTcwOTEwMGY0MzU3YjUzOWFmNWZhIn0.Y8bhBaUMqFiPrDRW9hieoQ', {  
  20.                 maxZoom: 18,  
  21.                 attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +  
  22.                     '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +  
  23.                     'Imagery © <a href="http://mapbox.com">Mapbox</a>',  
  24.                 id: 'mapbox.streets'  
  25.             }).addTo(map);  
  26.             L.marker([24, 100]).addTo(map)  
  27.                 .bindPopup("<b>Hello world!</b><br />我是一个冒泡窗").openPopup();  
  28.             L.circle([24, 100], 500, {  
  29.                 color: 'red',  
  30.                 fillColor: '#f03',  
  31.                 fillOpacity: 0.5  
  32.             }).addTo(map).bindPopup("我是一个圆");  
  33.             L.polygon([{  
  34.                 lat: 26,  
  35.                 lng: 101  
  36.             }, {  
  37.                 lat: 24,  
  38.                 lng: 120  
  39.             }, {  
  40.                 lat: 35,  
  41.                 lng: 110              
  42.             }]).addTo(map);  
  43.             var popup = L.popup();  
  44.   
  45.             function points() {  
  46.                 var points = [{  
  47.                 lat: 26,  
  48.                 lng: 101  
  49.             }, {  
  50.                 lat: 24,  
  51.                 lng: 120  
  52.             }, {  
  53.                 lat: 35,  
  54.                 lng: 110  
  55.             }]  
  56.                 return points;  
  57.             }  
  58.   
  59.             function onMapClick(e) {  
  60.                 popup  
  61.                     .setLatLng(e.latlng)  
  62.                     .setContent("你刚点击的坐标是 " + e.latlng.toString())  
  63.                     .openOn(map);  
  64.                 /*var hh = IsPtInPoly(119.44336,25.20494, points());*/  
  65.                 var hh = IsPtInPoly(e.latlng.lng,e.latlng.lat, points());  
  66.                 alert(hh);  
  67.             }  
  68.             map.on('click', onMapClick);  
  69.         </script>  
  70.     </body>  
  71.   
  72. </html>  


 

 

isPointInPolygon.js

 

[javascript] view plain copy

 print?

  1. function IsPtInPoly(ALon, ALat, APoints) {  
  2.     var iSum = 0,  
  3.         iCount;  
  4.     var dLon1, dLon2, dLat1, dLat2, dLon;  
  5.     if (APoints.length < 3) return false;  
  6.     iCount = APoints.length;  
  7.     for (var i = 0; i < iCount; i++) {  
  8.         if (i == iCount - 1) {  
  9.             dLon1 = APoints[i].lng;  
  10.             dLat1 = APoints[i].lat;  
  11.             dLon2 = APoints[0].lng;  
  12.             dLat2 = APoints[0].lat;  
  13.         } else {  
  14.             dLon1 = APoints[i].lng;  
  15.             dLat1 = APoints[i].lat;  
  16.             dLon2 = APoints[i + 1].lng;  
  17.             dLat2 = APoints[i + 1].lat;  
  18.         }  
  19.         //以下语句判断A点是否在边的两端点的水平平行线之间，在则可能有交点，开始判断交点是否在左射线上  
  20.         if (((ALat >= dLat1) && (ALat < dLat2)) || ((ALat >= dLat2) && (ALat < dLat1))) {  
  21.             if (Math.abs(dLat1 - dLat2) > 0) {  
  22.                 //得到 A点向左射线与边的交点的x坐标：  
  23.                 dLon = dLon1 - ((dLon1 - dLon2) * (dLat1 - ALat)) / (dLat1 - dLat2);  
  24.                 if (dLon < ALon)  
  25.                     iSum++;  
  26.             }  
  27.         }  
  28.     }  
  29.     if (iSum % 2 != 0)  
  30.         return true;  
  31.     return false;  
  32. }  


 

 

 

 

转载于:https://my.oschina.net/hejunbinlan/blog/1486711

chunqingtai2922
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
判断一个坐标点是否在多边形区域范围内
11-10
判断一个坐标点是否在多边形区域范围内。可直接使用。 用来做地图经纬度 判断一个点是否在一个多边形范围内很合适 代码简洁 不到100行代码
判断一个坐标是否在一个范围内的实现
xuanyuananshen的博客
07-25 838
判断一个坐标是否在一个坐标范围内
地理围栏的简单实现
最新发布
weixin_45411991的博客
07-01 701
通过python中的地理空间库来判断点坐标在面范围中
地图,判断点与多边形位置关系
weixin_33709364的博客
04-08 672
2019独角兽企业重金招聘Python工程师标准>>> ...
判断点是否在一个区域内
caibiyige1234的博客
04-02 5465
问题是给定一个经纬度坐标点A，以及坐标围成的区域坐标数组，判断该点在不在此区域。 思路是这样的： 将区域放入x-y坐标轴中，取A的x或者y坐标，向一个方向画射线，若是与区域的交点为奇数时，则A点在该区域（这个的前提A点的x或者y坐标就在区域的范围内，要排除A在区域的边界上或者顶点上） 若是A点非要在顶点上或者边界上，为了避免问题就要在判断A点x或者y轴范围的时候取一个实点一个虚点，例如：[4,5)。然后利用直线公式获取交点的y或者x轴坐标，然后判断点是否在射线的那个方向（画的x轴射线现在就获取...
判断任意坐标是否在某个区域内
老三
03-21 6508
       判断某个坐标（多个坐标）是否在 某几个坐标所构成的区域（或不规则区域）内   package com.handle.util; import java.awt.geom.Point2D; import java.util.ArrayList; import java.util.List; //根据经纬度判断某个点是否在某个区域内 public class Transfo...
验证坐标在某坐标区域内php代码
10-21
3. 点是否在多边形内判断算法：`pnpoly` 函数实现了一个经典的多边形点包含测试算法，称为射线法或奇偶规则。其核心思想是如果一条水平射线从被测试点出发，穿过边界线段的次数是奇数，则点在多边形内；是偶数，则点...
python射线法判断一个点在图形区域内外
09-19
总的来说，Python射线法判断点在图形区域内外是一种实用的几何算法，适用于地图应用、游戏开发等场景。它能够有效地检测点与复杂形状的关系，而无需构建复杂的图形数据结构。在实际应用中，还可以进一步优化，例如...
给定范围内坐标获取python（包含对坐标的排序）
08-27
实现了给定范围内坐标的获取，包含对顶点坐标的排序，但是仅限于3-5个，如果是多个，可以进行顺时针排序即可
php+mongodb判断坐标是否在指定多边形区域内的实例
10-21
3. `checkInArea`: 判断给定坐标是否在多边形区域内。 在 `MongoDBPolygons` 类中，`add` 方法负责执行插入操作和创建索引。首先，使用 `createIndexes` 命令创建一个名为 `index` 的地理位置索引，键（key）为包含...
PHP 判断用户当前坐标是否在电子围栏内
zhizhuo0915的博客
05-31 1092
3. 如果交点个数为奇数，则用户当前坐标点在多边形内部；如果交点个数为偶数，则用户当前坐标点在多边形外部。2. 从用户当前坐标点向外发射一条射线，判断这条射线与多边形的交点个数。// 用户当前坐标点。1. 将电子围栏的四个角坐标按顺序连接成一个封闭多边形。可以使用射线法判断用户当前坐标点是否在电子围栏内。echo "用户当前坐标点在电子围栏内";echo "用户当前坐标点在电子围栏外";// 电子围栏的四个角坐标。
判断点在地图闭合区域内还是外算法
05-24
可以快速的判断某点在地图闭合区域范围内还是在区域内。
判断点是否在区域内
菜鸟哆哆的专栏
12-15 1万+
一、题目描述        1）给定一个点的坐标（x，y）和一片区域（若干点组成），判断该点是否在区域内。        2）原题目出处：阿里面试 二、解题思路        方案一）：光线投射算法。        方案二）：夹角法。        方案三）： 三、注意事项        1）光线投射算法：1.1）射线与多边形的顶点相交，这是交点只能计算一个。           ...
如何判断一个指定的位置点坐标（GPS上的经纬度）是否落在一个多边形区域内？
热门推荐
Enweitech Software Works
06-11 3万+
业务场景举例：快递选择收获区域、车辆电子围栏、运动轨迹路线、地理位置信息检测范围和地图等过滤等等。比方说地图上有一块区域（抽象成多边形），然后里面每一个位置点(像素点)都有对应的GPS的经纬度坐标值，题目要求的就是判断任意点（用户输入的信息）与多边形的位置关系（是否在里面还是在图形区域外面）。具体有一个需求为：每一个店维护多个可配送的地址，配送地址为地图中的多边形区域，用户选择收货地址的时候需要判...
电商项目：配送站划分，根据坐标，判断该坐标是否在地图区域范围内
有一个小阿飞
10-25 1759
最近在写配送区域相关的代码，具体需求如下： 根据腾讯地图划分配送区域，总站下边设多个配送分站，然后将订单中的收货地址将其分配给不同的配送分站。 1、地图区域划分（腾讯地图）     1.1、HTML 1.2、JS //初始化新地图 initNewMap:function(){ var map = new qq.maps.Map(document.getElem...
射线法：判断点是否在区域内(思路+java实现)
MOFEI_BIQIGU的博客
10-29 4588
判断一个点是否在一个区域中时可以使用射线法，一下将介绍射线法的思路以及实现过程： 一、思路 射线法就是做一条从该点出发的射线，当穿过区域边界的次数为偶数时该点在区域外，如果是奇数则在区域内： 原理： 一条射线穿过区域的边界时只有两种情况：一种是穿入一种是穿出。对于射线来说，只要一次穿入必定对应一次穿出。 1、所以当一个点在区域外时，作出的射线经过区域边界时一定是穿入，一次穿入对应一次穿出，所以最终的穿越次数一定是偶数； 2、当该点在区域内时，第一次穿越边界一定是穿出，下一次如果穿入就又会对应一次穿出，所以区
判断地图上的点是否在区域内的方法
weixin_42839080的博客
03-01 2946
// 地图的工具类(使用平台,小程序,h5,pc等) const EARTHRADIUS = 6370996.81; const mapUtils = (function() { const GeoUtils = function () { }; // ------添加静态方法------- /** * 判断点是否在矩形内 * @param...
判断经纬度点是否在一个区域内 和 给出的坐标点是否可以构成一个区域
qq_48169881的博客
02-25 1523
判断经纬度点是否在一个区域内 和 给出的坐标点是否可以构成一个区域判断经纬度点是否在一个区域内新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 判断经纬度点是否在一个区域内 思路是 需求-》抽象条件-》数学模型 首先将需求挖
判断当前坐标(经纬度)是否在某个区域内
weixin_54019688的博客
08-19 3852
判断当前坐标(经纬度)是否在某个区域内。
java后端,判断坐标点是否在百度地图区域内
09-05
要判断一个坐标点是否在百度地图的区域内，我们可以使用Java后端实现以下步骤： 1. 首先，需要获取百度地图的区域边界坐标点。可以使用百度地图的API提供的服务，如地理编码API。通过传入地点名称或者经纬度，我们可以获取到该地点的详细信息，包括其对应的边界坐标点。 2. 接下来，定义一个方法，用于判断给定的坐标是否在百度地图的区域内。在该方法中，可以使用Java的数学库或者自定义算法，通过计算给定坐标点与百度地图区域边界坐标点之间的距离，来判断该点是否在区域内。 3. 如果给定的坐标点与任意一个边界坐标点的距离都小于某个阈值（比如1公里），则判断该点在百度地图的区域内。 4. 最后，可以编写一个简单的测试用例，来验证该判断方法的正确性。测试用例可以包括一些点在区域内和一些点不在区域内的坐标点，通过调用判断方法并打印结果，来验证判断是否准确。 总之，使用Java后端可以通过获取百度地图区域的边界坐标点，并通过计算给定坐标点与边界坐标点之间的距离，来判断坐标点是否在区域内。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值