在谷歌地图上显示点位

Question

我在数据库中有一组坐标，我想使用API在Google地图上显示这些属性列表，就像这样：

红色标记是我的坐标/位置

有什么想法如何实现呢？

- TechnicalKeera

Answer 1

很简单，只需从数据库中读取数据，以json格式发送给客户端并在邮件中绘制它。

请参考以下链接。

https://developers.google.com/maps/documentation/javascript/markers

示例数据

[{'latitude':'59.327383','longitude':'18.06747','title':'test'}....]

以下是示例代码。

var center = new google.maps.LatLng('center latitude','center longitude'); // set center location

var mapOptions = {
  zoom: 4,
  center: center
}

var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

for(var m in points) {
    var myLatlng = new google.maps.LatLng(points[m].latitude,points[m].longitude);

    // To add the marker to the map, use the 'map' property
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title:points[m].title
    });
}

- HRK

---

谢谢您的快速回复，但能否详细说明一下？因为我已经配置了简单地图，但需要引用多个坐标。 - TechnicalKeera

我明白了，让我检查一下，如果它起作用了，你就应该得到积分，因为你救了我。 - TechnicalKeera

循环走遍所有代码或者我只需要在循环中添加这行代码："var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);" - TechnicalKeera

在这种情况下，您首先必须在循环外使用某个中心位置（可能是第一个坐标）初始化地图，并在循环内创建标记并将它们添加到地图中。 - HRK