谷歌地图API赢得了显示图标

时间:2016-11-10 18:33:38

标签: javascript google-maps-api-3

完美!

这些网站不会填充Google地图上的图标我已经添加了一个API来确保它确实存在,

http://www.laketonopahliving.com/community

但这些网站确实并没有api:

http://www.1001melroseapts.com/community

我需要做些什么,上面的链接图看起来像底部链接图?

谢谢!

1 个答案:

答案 0 :(得分:0)

您需要一组可以添加到地图的标记。

理想情况下,标记位置会添加到数据库中,您可以在其中存储每个标记点的纬度和长度,因为纬度和经度是Google用于将标记放置在地图上的。

因此,如果你有一系列的位置,如下所示:

var locations = [
    {lat: 38.1234324, lng: 78.123234, name: "Test 1", id:1},
    {lat: 39.1234324, lng: 79.123234, name: "Test 2", id:2},
    {lat: 40.1234324, lng: 80.123234, name: "Test 3", id:3},
    {lat: 41.1234324, lng: 81.123234, name: "Test 4", id:4}
]

然后,您将遍历数组,并使用以下内容将标记添加到地图中:

$.each(locations, function(idx, location) {
    new google.maps.Marker({
            position : new google.maps.LatLng(location.lat, location.lng),
            title: location.name,
            map: map //map is the map object instance
    });
});