商店定位器 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 + 地理位置的主要内容,如果未能解决你的问题,请参考以下文章
使用 Google maps API 和 Google text Search 进行地理定位