Comment résoudre cette erreur dans l'API de Google ?

Question

Lorsque j'exécute ce code, j'obtiens l'erreur suivante

error:
invalid label
"html\_attributions" : \[ --------json?l...4845749 (line 2)

Quels changements dois-je effectuer pour y parvenir et où est-ce que je me trompe ?

<script src="http://www.mattcashatt.com/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>

<input id="Company" type="text" /><input id="goButton" type="button" value="Go" /><div id="Placeholder"></div>

Voici mon script :

<script type="text/javascript">$('#goButton').click(function(){$.getJSON("https://maps.googleapis.com/maps/api/place/search/json?location=-33.8670522,151.1957362&radius=500&types="+$('#Company').val()+"&name=harbour&sensor=false&key=AIzaSyC1BIAzM34uk6SLY40s-nmXMivPJDfWgTc&callback=?",function (data){$('#Placeholder').html("");$('#Placeholder').append(<h1>Company name:</h1>" + data.name + "<br/><br/>");$('#Placeholder').append("<h1> page:</h1>" + data.types + "<br/><br/>");$('#Placeholder').append("<h1>Likes:</h1>" + data.vicinity + "<br/><br/>"); });});

Answer 1

Maps v3 ne supporte pas le callback/JSONP à partir d'un jQuery get/getJSON pour le moment.

http://www.quora.com/Why-doesnt-the-Google-Maps-API-support-JSONP

Cela dit, si vous avez la patience, essayez de consulter les sites suivants

http://code.google.com/intl/no-NO/apis/maps/documentation/javascript/services.html#Geocoding

Pour charger en mode asynchrone, il faut faire quelque chose comme ceci :

function loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize";
  document.body.appendChild(script);
}

http://code.google.com/apis/maps/documentation/javascript/basics.html#Async

VEUILLEZ également utiliser une version actuelle de jQuery - par exemple comme ceci

<script type="text/javascript"
 src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    // your code here
  });
</script>

Answer 2

Vous pouvez essayer ceci et voir ce qui est enregistré dans la console.

<script type="text/javascript">
    $('#goButton').click(function(){
      $.getJSON("https://maps.googleapis.com/maps/api/place/search/json?location=-33.8670522,151.1957362&radius=500&types="+$('#Company').val()+"&name=harbour&sensor=false&key=AIzaSjC1BIA2M34uk6SLY401-nmXMivPJDfWgTc&callback=?", function (data){
console.log(data);
      $('#Placeholder').html("");
      $('#Placeholder').append(<h1>Company name:</h1>" + data.name + "<br/><br/>");
      $('#Placeholder').append("<h1> page:</h1>" + data.types + "<br/><br/>");
      $('#Placeholder').append("<h1>Likes:</h1>" + data.vicinity + "<br/><br/>"); 
    });
    });
    </script>

J'obtiens quelque chose comme ceci :

{
   "html_attributions" : [],
   "results" : [],
   "status" : "REQUEST_DENIED"
}

vous devez donc utiliser la variable "data" en conséquence. Quelque chose comme data.results etc.