javascript - 在没有 iframe 的情况下加载具有特定地点的地图作为参考？

Question

有没有办法使用 js 加载地图，但将参考位置显示为实际的地点列表？

我想加载显示特定业务的地图（我有地点参考编号），然后在其周围显示地图。

我只会使用 iframe，但它不允许 js 库所做的自定义级别。

Answer 1

如果您想显示您拥有参考编号的企业，请使用PlacesService.

您还需要在 API url 中包含地点库。

例如

// 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);
    }
});

Answer 2

是的。这是使用地图的更标准的方式之一。

您拥有该位置的纬度，既可以使您的地图居中，又可以放置一个标记（可能是例如公司徽标的自定义图像）。

只需按照任何教程进行操作即可。他们都展示了如何做到这一点。