javascript - 在地图画布上获取地理位置作为用户的输入

Question

我正在尝试构建一个基于地理位置的应用程序。此类应用程序的先决条件是获得用户的准确地理位置。使用 HTML5 可以按如下方式完成：

  if (navigator.geolocation) {
          var timeoutVal = 10 * 1000 * 1000;
          navigator.geolocation.getCurrentPosition(
              displayPosition, 
              displayError,
              { enableHighAccuracy: true, timeout: timeoutVal, maximumAge: 0 }
          );
      }

但是如果浏览器只有IP地址，那就很不准确了。 这篇文章也提到了这一点。在这种情况下，为了准确起见，我希望我的用户通过地图界面定位他们的位置。

1. 向用户展示一个谷歌地图实例。

2. 要求他们在当前位置添加标记。

3. 完成后，向服务器发送一个 post 请求。

我找到了一个库jquery ui 地图，但未指定如何在谷歌地图画布上从用户那里获取输入。有人可以帮我在谷歌地图画布上接受用户的输入吗？

Answer 1

如果您想使用 jquery 地图，只需查看此示例并将 findLocation 函数替换为代码以存储地理坐标。