Google Places-API und JQuery-Anfrage - Herkunft http://localhost ist nicht erlaubt, Access-Control-Allow-Origin

Ich dabei einige Tests für ein Projekt hab ich im Auge, die umfasst die Verwendung von Orten in der Nähe. Also ging ich mit dem großen Mann und begann Herumspielen mit der Google Places Api. Ich bin mit Faltblatt mit openstreet-Fliesen für meine Karte. Jetzt ist alles gut, bis ich versuche, die dang Sache.

var lat = coords.lat;
var lng = coords.lng;
var apiUrl = "https://maps.googleapis.com/maps/api/place/nearbysearch/json";
var data = {
    key: 'AIzaSyBl8bmE8kQT7RjoXhP6k2yDti44h9-fSUI',
    location: lat+','+lng,
    radius: '10000',
    sensor: 'false',
    rankby: 'prominence',
    types: 'bar|night_club'
};
$.ajax({
  url: apiUrl,
  type: 'POST',
  data: data,    
  dataType:"jsonp",
  crossDomain: true,
  success: function(data) {
            var obj = $.parseJSON(data);
                //console.log(data.next_page_token);
          }
});

Änderung der dataType Eigenschaft json bekomme ich Origin http://localhost is not allowed by Access-Control-Allow-Origin. Mit jsonp bekomme ich einen parsing-Fehler Unexpected token : Obviusly $.parseJSON funktioniert nicht... gibt es eine Möglichkeit, diese Arbeit zu machen, ohne die Verwendung von Google Maps Api? Wenn die Antwort "Nein" ... gibt es andere Orte, die api so gut wie google?

Dank!

InformationsquelleAutor LouieV | 2013-04-06

  1. 17

    Den Sie versuchen zu verwenden, die Orte API-web-service, die gemeint ist, für die Verwendung von server-code und keine Unterstützung für die JSONP-Ausgang bräuchte man für JavaScript.

    In JavaScript, müssen Sie die Orte-Bibliothek aus der Maps API V3. Sie können nicht einfach auf eine URL direkt aus dem JavaScript-oder jQuery-code. (Sie könnte wahrscheinlich entdecken Sie das URL-Muster, die Orte, die Bibliothek verwendet, aber die Nutzungsbedingungen erlauben nicht den direkten Einsatz ohne Umweg über die API/Bibliothek, und die URL kann sich jederzeit ändern.)

    Gibt es einen Grund, Sie nicht wollen, verwenden Sie die Maps-API von JavaScript?

    Ehrlich gesagt, möchte ich eine app/Dienst von meiner Arbeit und bleiben wollen Weg von google so viel wie ich kann.
    Das ist vernünftig genug, natürlich. Was mich verwirrt, war die Idee, die Orte, die API-web-service direkt vom JavaScript-ohne Umweg über die Google Maps API zu verwenden. Sie wäre immer noch die Google-Dienste nutzen oder so.
    Ja ich habe meine Ruhe und begann mit der Google maps api.
    Ich weiß, das ist ein altes Thema, aber mit dem trend der FE-frameworks wie angular, die leichter zu integrieren, die einfache REST-service. Ich versuchte zu verwenden eckig-Ressource, sondern wurde sehen das gleiche Problem.

    InformationsquelleAutor Michael Geary

  2. 0

    https://github.com/joshtronic/php-googleplaces

    Einfach gemacht, diese hochgeladen und es auf einer meiner Webseiten.

    <?php
include 'GooglePlaces.php';
include 'GooglePlacesClient.php';
$google_places = new joshtronic\GooglePlaces('your_key');
$google_places->location = array(<your_lat>, <your_lon>);
$google_places->radius   = 800;
$results                 = $google_places->nearbySearch();
header('Content-Type: application/json');
header('Access-Control-Allow-Origin: *'); 
echo json_encode($results);

    InformationsquelleAutor C4rr13rX

Schreibe einen Kommentar