商店定位器 API + 地理位置答案

【问题标题】：Store Locator API + Geolocation商店定位器 API + 地理位置
【发布时间】：2013-06-20 07:01:58
【问题描述】：

我正在尝试使用 Google API 创建一个商店定位器，这与此处的 Google 示例中的非常相似： http://storelocator.googlecode.com/git/examples/panel.html

但是，我在尝试获取 Store Locator API 以通过 Geolocation 获取用户位置时遇到了困难，因此当我在信息窗口中单击“获取方向”时，我会获取到用户位置的方向；而不必输入我的地址：你在哪里？面板框。

在我看到的文档中，地理位置是视图选项中的布尔值，默认情况下设置为 True。但这并不能解决我的问题。有没有人知道如何做到这一点？

【问题讨论】：

标签： google-maps-api-3 geolocation

【解决方案1】：

你说的googlecode页面好像已经不存在了。所以我无法进一步了解你想要做什么。

但是，根据您的描述，幸运的是几个月前我制作了类似的网站。它在 Grocery Store Near Me 上。

Geolocation 的概念是一个 HTML5（实际上是 W3C）Geolocation API，现在已经嵌入在大多数现代浏览器中。它是一个API，您可以获取用户的位置（纬度、经度、高度和准确度）。

你可以简单地调用它

navigator.geolocation.getCurrentPosition(success, error, geo_options);

成功和错误是一个回调函数，您可以在其中定义。在我的例子中，函数看起来像这些

function success(position) {

  var latitude  = position.coords.latitude;
  var longitude = position.coords.longitude;

  // use the lat and long to call function to fetch an API through AJAX
  fetchStoreData(latitude, longitude);
}

在 Store Locator 模式中（就像我在 Grocery Store Near Me 中的那样），Geolocation 用于获取用户的纬度和经度。经纬度，然后通过 AJAX 发送到服务器以获取有关附近商店位置的数据。

服务器提供一个 API，其中接受 lat 和 long 作为参数，然后获取存储数据（使用数据库或其他外部 API，如foursquare），然后您可以将其显示在列表或地图上。

【讨论】：