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

Question

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

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

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

1. 向用户显示谷歌地图实例。

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

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

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

Answer 1

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