如何隐藏 google 地图中的兴趣点并检测点击的坐标
How to hide points of interest in google maps and detect clicked coords
首先,我一直在查看一些不同的 Google 地图 API 文档,但我从未用它编写过太多代码。我正在尝试为孩子们制作一个简单的游戏,如果用户在关键地图点的一定距离内点击地图(可能在 1 英里、100 码、5 英里内……视情况而定),然后地图点变为可见,并显示一条自定义消息。
哪些 google 映射 api 调用可以使它起作用?我如何在地图上嵌入隐藏点?在客户端渲染地图,为了安全,如果我能检测到点击的点并通过ajax将该点发送到服务器,那么服务器可以发回该位置是否存在隐藏点,即似乎它可以工作。或者也许有更好的方法。
有人能给我指明正确的方向吗,关于哪个 API 调用,如果可能的话可能还有代码示例?总而言之,我正在寻找以下功能:
- 追踪 google 地图上任何 user-clicked 点的 lat/long 坐标。让点击将坐标发送到我的 javascript 函数。
- 在地图上有用户看不到的隐藏点,但地图(或者至少只有我的服务器通过 ajax)可以知道。
- 能够在需要时在点击点或隐藏点旁边显示自定义消息。
谢谢!
当我正确理解你想要实现的目标时,事情就容易多了。
通过将 strokeWeight
和 fillOpacity
设置为 0
来绘制圆并隐藏圆。作为radius
使用允许的距离,作为center
点的LatLng
虽然现在圆圈不可见,但是API仍然会响应圆圈上的点击事件,你只需要为圆圈设置一个点击监听器并创建例如圆心的标记。
Note:
一个可点击的圆会有不同的光标,你必须为整个地图设置一个唯一的光标,否则用户可以通过悬停地图找到圆。
首先,我一直在查看一些不同的 Google 地图 API 文档,但我从未用它编写过太多代码。我正在尝试为孩子们制作一个简单的游戏,如果用户在关键地图点的一定距离内点击地图(可能在 1 英里、100 码、5 英里内……视情况而定),然后地图点变为可见,并显示一条自定义消息。
哪些 google 映射 api 调用可以使它起作用?我如何在地图上嵌入隐藏点?在客户端渲染地图,为了安全,如果我能检测到点击的点并通过ajax将该点发送到服务器,那么服务器可以发回该位置是否存在隐藏点,即似乎它可以工作。或者也许有更好的方法。
有人能给我指明正确的方向吗,关于哪个 API 调用,如果可能的话可能还有代码示例?总而言之,我正在寻找以下功能:
- 追踪 google 地图上任何 user-clicked 点的 lat/long 坐标。让点击将坐标发送到我的 javascript 函数。
- 在地图上有用户看不到的隐藏点,但地图(或者至少只有我的服务器通过 ajax)可以知道。
- 能够在需要时在点击点或隐藏点旁边显示自定义消息。
谢谢!
当我正确理解你想要实现的目标时,事情就容易多了。
通过将 strokeWeight
和 fillOpacity
设置为 0
来绘制圆并隐藏圆。作为radius
使用允许的距离,作为center
点的LatLng
虽然现在圆圈不可见,但是API仍然会响应圆圈上的点击事件,你只需要为圆圈设置一个点击监听器并创建例如圆心的标记。
Note:
一个可点击的圆会有不同的光标,你必须为整个地图设置一个唯一的光标,否则用户可以通过悬停地图找到圆。