如果用户位置在其范围内,则更改圆的颜色

时间:2015-05-26 14:24:11

标签: javascript google-maps google-maps-api-3

我有一张地图,其中有一些圆圈,每个圆圈都有一定的半径,在页面加载时,我得到用户的位置并在地图上显示。
首先所有圆圈都是红色,所以我想检查用户的当前位置是否恰好位于任何圆圈中,特定圆圈应该变为绿色而不是红色。
最好的方法是什么?

1 个答案:

答案 0 :(得分:0)

使用Google Maps API,您可以使用geometry library计算圆圈中心与代表用户位置的纬度/经度之间的距离。然后将它与你的半径进行比较。

您可以这样做:

var pointIsInsideCircle = google.maps.geometry.spherical.computeDistanceBetween(circle.getCenter(), point) <= circle.getRadius();

如果pointIsInsideCircletrue

,则更改圈子的颜色