javascript - JQuery位置选择器,如何设置距起点的最大允许距离

标签 javascript jquery google-maps geolocation

我使用 JQuery 位置选择器让用户在 map 中选择一个地点。 map 开始时将图钉设置为默认位置

我想添加他/她可以选择的位置相对于初始位置的最大距离

我怎样才能做到这一点? 我尝试使用 radius 参数,但它仅在图钉周围绘制一个圆圈,用户仍然可以自由地将图钉放置在他/她想要的任何位置

这是我正在使用的选择器: http://logicify.github.io/jquery-locationpicker-plugin/

是否需要设置一些参数,或者我是否需要使用一些代码设置 onChange() 回调来检查距离并在距离太远时重置图钉标记?

最佳答案

我想说的是跟踪您的默认位置及其允许的半径。当标记移动时使用 onchanged 事件监听器,如果它超出该半径,则重置它。

您可以使用this solution确定标记是否在给定的圆圈内。

看起来您可以使用以下方式获取底层 Google Map 对象

var map = $('#somecomponent').locationpicker('map');

关于javascript - JQuery位置选择器,如何设置距起点的最大允许距离,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39791368/

相关文章:

javascript - 如何在网络版谷歌地图中获取当前位置

android - 谷歌地图指针 onClick

javascript - 使用 JavaScript 增加元素位置的问题

javascript - 如何将文本插入多个带有 id 的文本区域中的一个?

javascript - 在不丢失缩放控制的情况下更新 amMap 中的图像 - AmCharts v4

javascript - Bootstrap 4.4 按钮点击 : Changing/Hiding Spinner after Loading

javascript - IFrame Resizer 不调整大小

google-maps - 如何使 Google map 居中而不位于屏幕中心?

javascript - JavaScript 有安全延迟吗?

javascript - 为什么这段代码中没有抛出错误?