Google 地图 API V3 - 同一地点的多个标记

Google

使用Google地图API V3，我们可以在同一地点添加多个标记。这为用户提供了一种方便的方式，可以在地图上标记多个感兴趣的地点或位置。在本文中，我们将介绍如何使用Google地图API V3在同一地点添加多个标记，并提供一个案例代码供参考。

Javascript
<!DOCTYPE html>
<html>
<head>
    <title>Google Maps API - Multiple Markers at the Same Location</title>
    <script src="https://maps.Googleapis.com/maps/api/JS?key=YOUR_API_KEY&callback=initMap" async defer></script>
    <script>
        function initMap() {
            // 创建地图对象
            var map = new Google.maps.Map(document.getElementById('map'), {
                zoom: 12,
                center: {lat: 37.7749, lng: -122.4194} // 旧金山的经纬度
            });
            // 创建一个标记数组
            var markers = [
                {lat: 37.7749, lng: -122.4194, title: '标记1'},
                {lat: 37.7749, lng: -122.4194, title: '标记2'},
                {lat: 37.7749, lng: -122.4194, title: '标记3'}
            ];
            // 遍历标记数组，在地图上添加多个标记
            for (var i = 0; i < markers.length; i++) {</p>                var marker = new Google.maps.Marker({
                    position: markers[i],
                    map: map,
                    title: markers[i].title
                });
            }
        }
    </script>
</head>
<body>
    <div id="map" style="height: 400px; width: 100%;"></div>
</body>
</html>