api - 如何在 Google map 中显示多个位置？

Question

我有多个经度和纬度数据，我想用大头针在谷歌地图中显示它们。
如何使用谷歌地图 API 来做到这一点？

Answer 1

你遍历你的数组，并创建一个新的 Marker每对的实例。这很简单:

<script>
    var map = new google.maps.Map(document.getElementById('map'), {
        center: new google.maps.LatLng(55.378051, -3.435973),
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        zoom: 8
    });

    var locations = [
        new google.maps.LatLng(54.97784, -1.612916),
        new google.maps.LatLng(55.378051, -3.435973])
        // and additional coordinates, just add a new item
    ];

    locations.forEach(function (location) {
        var marker = new google.maps.Marker({
            position: location,
            map: map
        });
    });
</script>

这适用于任意数量的纬度/经度对；只需将新项目添加到 locations大批。