商店定位器 API + 地理位置

Posted

技术标签:

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

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

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

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

【问题讨论】:

【参考方案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),然后您可以将其显示在列表或地图上。

【讨论】:

以上是关于商店定位器 API + 地理位置的主要内容,如果未能解决你的问题,请参考以下文章

怎么用百度地图API获得当前位置

适用于 iOS 的商店定位器 API [关闭]

使用 Google maps API 和 Google text Search 进行地理定位

地理位置示例代码查找我附近的特定商店 HTML 5

如何编写“查找最近”算法?例如按地址/邮编/“我的位置”的商店/分店定位器

使用 chrome 扩展更改地理位置?