如何隐藏 google 地图中的兴趣点并检测点击的坐标

How to hide points of interest in google maps and detect clicked coords

首先,我一直在查看一些不同的 Google 地图 API 文档,但我从未用它编写过太多代码。我正在尝试为孩子们制作一个简单的游戏,如果用户在关键地图点的一定距离内点击地图(可能在 1 英里、100 码、5 英里内……视情况而定),然后地图点变为可见,并显示一条自定义消息。

哪些 google 映射 api 调用可以使它起作用?我如何在地图上嵌入隐藏点?在客户端渲染地图,为了安全,如果我能检测到点击的点并通过ajax将该点发送到服务器,那么服务器可以发回该位置是否存在隐藏点,即似乎它可以工作。或者也许有更好的方法。

有人能给我指明正确的方向吗,关于哪个 API 调用,如果可能的话可能还有代码示例?总而言之,我正在寻找以下功能:

谢谢!

当我正确理解你想要实现的目标时,事情就容易多了。

通过将 strokeWeightfillOpacity 设置为 0 来绘制圆并隐藏圆。作为radius使用允许的距离,作为center点的LatLng

虽然现在圆圈不可见,但是API仍然会响应圆圈上的点击事件,你只需要为圆圈设置一个点击监听器并创建例如圆心的标记。

Note:一个可点击的圆会有不同的光标,你必须为整个地图设置一个唯一的光标,否则用户可以通过悬停地图找到圆。

演示:http://jsfiddle.net/doktormolle/0secbwuf/