Access Control Allow Origin阻止我访问google api，尽管使用了dataType:

Access-Control-Allow-Origin prevents me from accessing google api despite using dataType:'jsonp'

本文关键字：dataType Origin Allow Control 阻止我 访问 api google Access      更新时间：2023-09-26

我正在尝试使用谷歌的位置api来接近位置。。。。所以我试着像代码中写的那样添加标题。。。。它不起作用。。。然后我累了dataType:'jsonp'。。。这显示了一些错误。。。当我看到chrome中的错误时。。。从谷歌返回的数据在那里，但我无法访问它…但firefox没有完全显示从谷歌返回数据，而是只显示数据的第二行"html_attributions":[],"

$.ajax({                        
       url : "https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=13.089500428429146,77.48688038438559&radius=1000&type=bus_station&key=AXXXXXXXXXXXXXXXXXXXXXXX",
        type:"GET",
        //headers:{"Access-Control-Allow-Origin":"https://maps.googleapis.com/"},
        dataType: 'jsonp',
        success: function (return_data_json){
                console.log(return_data_json);
        }   
});

好吧，这就是我们在javascript中的做法。。。谷歌对此有自己的功能。。。。

链接：https://developers.google.com/maps/documentation/javascript/places#place_search_requests

var map;
var service;
var infowindow;
function initialize() {
  var pyrmont = new google.maps.LatLng(-33.8665433,151.1956316);
  map = new google.maps.Map(document.getElementById('map'), {
      center: pyrmont,
      zoom: 15
    });
  var request = {
    location: pyrmont,
    radius: '500',
    types: ['store']
  };
  service = new google.maps.places.PlacesService(map);
  service.nearbySearch(request, callback);
}
function callback(results, status) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    for (var i = 0; i < results.length; i++) {
      var place = results[i];
      createMarker(results[i]);
    }
  }
}

  • 任何人都想访问位置Id，我们就是这样做的…在回调函数中，我们有谷歌返回的位置的JSONArray。。。在线路var place = results[i];之后的for循环内的回调函数中，你可以像一样得到你想要的水

    console.log(place.name); console.log(place.place_id); var types = String(place.types); types=types.split(","); console.log(types[0]);

相关文章：