Nhận chi tiết Địa điểm Google mà không có Bản đồ

Question

Tôi có tham chiếu đến Google Place và sử dụng API Javascript để lấy chi tiết địa điểm.

Nó hoạt động tốt miễn là có bản đồ trên trang.

Nhưng nếu không có bản đồ - tôi chỉ muốn chi tiết của địa điểm - nó phá vỡ vì bản đồ biến không được xác định.

Các documentation quy định cụ thể:

"Nơi tin chi tiết được yêu cầu với một cuộc gọi đến getDetails của dịch vụ() phương pháp"

service = new google.maps.places.PlacesService(map); 
service.getDetails(request, callback); 

Nếu tôi bỏ qua các biến bản đồ, tôi nhận được: "Loại lỗi chưa gặp: Không thể đọc thuộc 'innerHTML' không xác định"

tôi có thể làm cho một yêu cầu phía máy chủ, nhưng có một giới hạn số lần bạn có thể làm điều đó.

Có cách nào trong Javascript để chỉ lấy chi tiết địa điểm mà không có bản đồ không?

Answer 1

Không có bản đồ là cần thiết, bạn có thể sử dụng những nơi api với bất cứ điều gì chọn bạn đưa vào nó, nếu ý tưởng của bạn là để có được một nơi cụ thể, sử dụng Autocomplete

var options = { 
       types: ["(cities)"] 
      } 


      this.autocompletePlaces = new google.maps.places.Autocomplete(document.getElementById('txtPlaces'),options); 

google.maps.event.addListener(this.autocompletePlaces, 'place_changed',function(){ 
var place = this.autocompletePlaces.getPlace(); 
       var address = this.autocompletePlaces.formatted_address; 
}); 

Nếu bạn đang tìm kiếm một danh sách các địa điểm có cụm từ tìm kiếm sau đó sử dụng

this.autocompletePlaces = new google.maps.places.SearchBox(document.getElementById('txtPlaces'),options); 
this.autocompletePlaces.addListener('places_changed', this.attachSelectedPlace.bind(self)); 

trong trường hợp cuối cùng này bạn sẽ nhận được mảng địa điểm thay vì một địa điểm. Hy vọng nó sẽ giúp

Answer 2

Sau khi làm việc với điều này một chút, giải pháp mà tôi đưa ra là tạo đối tượng bản đồ mới mà không cần thêm nó vào tài liệu. API có vẻ ổn với điều này.

let map = new google.maps.Map(document.createElement('div')); 

Sau đó thực hiện yêu cầu của bạn, giống như trước đây với sơ đồ giả.

this.googlePlaces = new google.maps.places.PlacesService(map); 
this.googlePlaces.getDetails(request, callback);