加載具有特定位置的地圖作爲沒有iframe的參考地圖？

Question

有沒有辦法使用js加載地圖，但將參考位置顯示爲實際地點列表？

我想加載一張顯示特定商戶的地圖（我有地點參考編號），然後在其周圍顯示地圖。

我只是使用iframe，但它不允許js庫所做的自定義級別。

Answer 1

是的。這是使用地圖的更爲標準的方法之一。

對於位置來說，您需要長時間放置地圖並放置標記（可能是例如公司徽標的自定義圖像）。

只需按照任何教程。他們都展示瞭如何做到這一點。

Answer 2

如果要顯示一個具有參考編號的業務，請使用PlacesService。

您還需要在API網址中包含位置庫。

e.g

// I assume the map is already loaded and defined as variable called map 
var placesService = new PlacesService(); 

placesService.getDetails({reference: placeReferenceNumber}, function(place, status) { 
    if (status === google.maps.places.PlacesServiceStatus.OK) { 
     var marker = new google.maps.Marker({ 
      map: map, 
      position: place.geometry.location 
     }); 
     // Warning: Viewport may not always be defined 
     map.setBounds(place.geometry.viewport); 
    } 
});