Làm cách nào để thực hiện cuộc gọi AJAX giữa nhiều miền với API Google Maps?

Question

Tôi đang cố gắng thực hiện cuộc gọi jQuery $.getJSON tới số Google Maps Geocoding webservice, nhưng điều này không hoạt động do các vấn đề bảo mật tên miền chéo.

tôi đã không thể tìm ra trên mạng, nhưng tôi đã đọc một chút thông tin về Google API Javascript hoặc JSONP, nhưng cho đến nay không có câu trả lời rõ ràng ...

thể ai Enlight tôi?

Cảm ơn!

Answer 1

Tôi không thấy lợi thế khi sử dụng Server-side Geocoding Web Service khi Google Maps cung cấp đầy đủ tính năng Client-side Geocoding API cho JavaScript.

Trước hết, điều này sẽ tự động giải quyết vấn đề cùng nguồn gốc của bạn và ngoài ra giới hạn yêu cầu sẽ được tính cho mỗi địa chỉ IP của khách hàng thay vì mỗi địa chỉ IP của máy chủ, điều này có thể tạo sự khác biệt lớn cho một trang web phổ biến.

Dưới đây là một ví dụ rất đơn giản bằng cách sử dụng JavaScript Geocoding API v3:

<script src="http://maps.google.com/maps/api/js?sensor=false"></script> 

<script type="text/javascript">  
    var geocoder = new google.maps.Geocoder(); 
    var address = 'London, UK'; 

    if (geocoder) { 
     geocoder.geocode({ 'address': address }, function (results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
      console.log(results[0].geometry.location); 
     } 
     else { 
      console.log("Geocoding failed: " + status); 
     } 
     }); 
    }  
</script> 

Nếu vì một số lý do bạn vẫn muốn sử dụng các dịch vụ web server-side, bạn có thể thiết lập một rất đơn giản reverse proxy, có lẽ sử dụng mod_proxy nếu bạn đang sử dụng Apache. Điều này sẽ cho phép bạn sử dụng đường dẫn tương đối cho các yêu cầu AJAX của bạn, trong khi máy chủ HTTP sẽ hoạt động như một proxy cho bất kỳ vị trí "từ xa" nào.

Chỉ thị cấu hình cơ bản để thiết lập proxy ngược trong mod_proxy là ProxyPass. Bạn thường sẽ sử dụng nó như sau:

ProxyPass  /geocode/  http://maps.google.com/maps/api/geocode/ 

Trong trường hợp này, trình duyệt có thể làm cho một yêu cầu để /geocode/output?parameters nhưng máy chủ sẽ phục vụ này bằng cách đóng vai trò như một proxy để http://maps.google.com/maps/api/geocode/output?parameters.