我们目前正在使用以下 jquery 插件在文本输入上进行下拉地理自动完成，并且效果很好： http://ubilabs.github.io/geocomplete/
然而，我们想要做的是在用户键入/选择任何内容之前在该输入框中显示用户当前的默认位置。例如：洛杉矶或悉尼或伦敦。类似于 Facebook 如何在地图标记旁边显示当地城市名称（然后您可以单击将其更改为其他名称）
我的意思的例子：http://i.imgur.com/gt1TwLd.png （抱歉，我无法将图像内嵌为
使用 jquery geocomplete 插件或 Google Maps API 的地理编码和地点自动完成服务是否可以实现类似的功能？
谢谢！
【问题讨论】：
标签： javascript jquery google-maps
你会想要合并https://developer.mozilla.org/en-US/docs/Web/API/Geolocation.getCurrentPosition
使用 google 地方 api
HTML - 加载谷歌地方库：
...
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&sensor=true"></script>
<div id="google"></div>
...
Js：
...
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(addressToCode);
}
addressToCode = function (position,callback) {
var service = new google.maps.places.PlacesService(document.getElementById('google'));
var request = { query: new google.maps.LatLng(position.coords.latitude,position.coords.longitude) }
service.textSearch(request, function (json, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
//RESULTS -- DO SOMETHING HERE
json[0].name;
} else {
//alert("Geocode was not successful for the following reason: " + json.status);
}
});
};
...
我提到了 GeoCoding Api，我遇到了严重的 api 限制问题，但作为参考，这里是代码：
不需要 HTML
JS：
addressToCode = function (position) {
var url = "http://maps.googleapis.com/maps/api/geocode/json?latlng=" + position.coords.latitude + "," + position.coords.longitude + "&sensor=false";
$.getJSON(url, function (json) {
if (json.status == 'OK') {
//DO SOMTHING HERE
json.results[0].formatted_address;
} else {
//alert("Geocode was not successful for the following reason: " + json.status);
}
});
};
【讨论】：