GoogleMap 有很多不同的地方和有限的缩放

Question

我必须将来自 Google 的地图（Google 地图或 GoogleMyMaps）放在网站中。我需要地图来显示我所在国家/地区的许多不同地方（大约 200 个地方）。我已经有了包含所有地点的 GoogleMyMaps。

但我需要地图 缩放 limitation/restriction : 我希望人们 不知道 确切位置，这意味着缩放必须停止 才能足够准确。

我知道您可以使用 GoogleMaps JS API 和

之类的东西来控制缩放

 var opt = { minZoom: 6, maxZoom: 9 };
 map.setOptions(opt);

但我不知道如何在 Google 地图上添加地点（我仍然在 GoogleMy 地图上添加地点）。

感谢您的宝贵时间

Answer 1

谢谢大家的帮助。

所以大多数时候，GoogleMyMaps 使用 .KML 文件（作为导入或导出），并且可以将数据从 .KML 文件上传到 Google 地图。

这是一个例子：

<script>
    function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 6,
            center: {lat: 1, lng: 1}
        });

        var kmlLayer = new google.maps.KmlLayer({
            url: 'THE_KML_FILE_URL',
            suppressInfoWindows: true,
            map: map
        });

        kmlLayer.addListener('click', function(kmlEvent) {
            var text = kmlEvent.featureData.description;
            showInContentWindow(text);
        });

        function showInContentWindow(text) {
            var sidediv = document.getElementById('content-window');
            sidediv.innerHTML = text;
        }
    }
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY_HERE&callback=initMap"
async defer></script>

但请注意，KML 文件必须在线，它在本地不起作用（Google 的 API 需要访问您的文件）。

然后您可以使用 Google 地图 Javascript API (https://developers.google.com/maps/documentation/javascript/tutorial).

自定义您的 Google 地图

谢谢大家的宝贵时间

GoogleMap 有很多不同的地方和有限的缩放

GoogleMap with a lot of different places and restricted zoom

google-maps

google-maps-api-3

google-maps-markers