加载具有特定地点的地图作为没有iframe的参考?

时间:2013-03-06 06:59:13

标签: javascript google-maps-api-3 google-places-api

有没有办法使用js加载地图,但是将参考位置显示为实际的地方列表?

我想加载一张显示特定商家的地图(我有地方参考编号),然后在其周围显示地图。

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

2 个答案:

答案 0 :(得分:0)

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

你有一个lat长的位置,以使你的地图居中并放下一个标记(可能是一个自定义图像,例如公司徽标)。

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

答案 1 :(得分:0)

如果您想要显示具有参考编号的商家,请使用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);
    }
});