Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地理定位Json怪异行为_Javascript_Jquery_Json_Google Maps_Geolocation - Fatal编程技术网

Javascript 谷歌地理定位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

嗨,我正在使用谷歌的自动完成搜索位置搜索框。它很好用。但对于JSON格式,我有一个奇怪的问题

//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" ]
            }
         ],