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

时间:2015-01-31 22:17:56

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

首先,我一直在审核一些不同的Google Maps API文档,但我从来没有用它做太多编码。我试图为孩子们制作一个简单的游戏,如果用户点击一个关键地图点一定距离内的地图(可能在1英里,100码,5英里......根据情况而定) ),然后地图点变得可见,并随之显示自定义消息。

google maps api调用会使这个工作正常吗?我如何在地图上嵌入隐藏点?随着地图在客户端上呈现,为了安全起见,如果我能够检测到点击的点并通过ajax将该点发送到服务器,那么服务器可以发回该位置是否有隐藏点,这似乎可以工作。或者可能有更好的方式。

有人可以指出我正确的方向,关于哪些API调用,如果可能的话可能会编写代码示例?总而言之,我正在寻找以下功能:

  • 跟踪Google地图上任何用户点击的点的纬度/长度坐标。点击将coords发送到我的javascript函数。
  • 在地图上隐藏了用户无法看到的点,但是地图(或者至少只是我的服务器通过ajax)可以知道。
  • 能够在需要时在点击的地点或隐藏点旁边显示自定义消息。

谢谢!

1 个答案:

答案 0 :(得分:2)

当我正确理解你想要达到的目标时,它就容易多了。

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

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

Note:一个可点击的圆圈将有一个不同的光标,您必须为整个地图设置一个唯一的光标,否则用户将能够通过悬停地图找到该圆圈。

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