Javascript 谷歌地理定位Json怪异行为
嗨,我正在使用谷歌的自动完成搜索位置搜索框。它很好用。但对于JSON格式,我有一个奇怪的问题Javascript 谷歌地理定位Json怪异行为,javascript,jquery,json,google-maps,geolocation,Javascript,Jquery,Json,Google Maps,Geolocation,嗨,我正在使用谷歌的自动完成搜索位置搜索框。它很好用。但对于JSON格式,我有一个奇怪的问题 //geolocation var input = document.getElementById('searchTextField'); var options = { }; var autocomplete = new google.maps.places.Autocomplete(input,options); //autocomplete.bindTo('bounds', map
//geolocation
var input = document.getElementById('searchTextField');
var options = {
};
var autocomplete = new google.maps.places.Autocomplete(input,options);
//autocomplete.bindTo('bounds', map);
google.maps.event.addListener(autocomplete, 'place_changed', function() {
$("#results").html('');
var place = autocomplete.getPlace();
$("#results").append('<p> Latitude and Longtidute : '+place.geometry.location +'</p>');
$("#results").append('<p> Address : '+place.formatted_address +'</p>');
//extracting useful part
$.each(place.address_components, function() {
if(this.types[0]=="route"){
$("#results").append('<p> route : '+this.long_name +'</p>');
}
if(this.types[0]=="locality"){
$("#results").append('<p> locality : '+this.long_name +'</p>');
}
if(this.types[0]=="administrative_area_level_2"){
$("#results").append('<p> administrative area 2 : '+this.long_name +'</p>');
}
if(this.types[0]=="administrative_area_level_1"){
$("#results").append('<p> administrative area 1 : '+this.long_name +'</p>');
}
if(this.types[0]=="country"){
$("#results").append('<p> country : '+this.long_name +'</p>');
}
});
$("#results").append('<p> Places Name : '+place.name+'</p>');
var searchAddressComponents = place.address_components;
$.each(searchAddressComponents, function(){
if(this.types[0]=="postal_code"){
searchCountry=this.short_name;
}
});
});
请检查…您从给定链接得到的是地理编码服务的响应。
但是您的代码没有使用地理编码,它是places autocomplete的一个实现
响应将是a,可能与地理编码服务返回的结果不同。获取正确的数据集通常是诀窍,正确的管理级别,等等。
"results" : [
{
"address_components" : [
{
"long_name" : "Capreol Court",
"short_name" : "Capreol Ct",
"types" : [ "route" ]
},
{
"long_name" : "CityPlace",
"short_name" : "CityPlace",
"types" : [ "neighborhood", "political" ]
},
{
"long_name" : "Old Toronto",
"short_name" : "Old Toronto",
"types" : [ "sublocality", "political" ]
},
{
"long_name" : "Toronto",
"short_name" : "Toronto",
"types" : [ "locality", "political" ]
},
{
"long_name" : "Toronto Division",
"short_name" : "Toronto Division",
"types" : [ "administrative_area_level_2", "political" ]
},
{
"long_name" : "Ontario",
"short_name" : "ON",
"types" : [ "administrative_area_level_1", "political" ]
},
{
"long_name" : "Canada",
"short_name" : "CA",
"types" : [ "country", "political" ]
},
{
"long_name" : "M5V",
"short_name" : "M5V",
"types" : [ "postal_code_prefix", "postal_code" ]
}
],