我必须把谷歌的地图(谷歌地图或谷歌我的地图(放在一个网站里。我需要地图显示全国各地的很多不同地方(大约 200 个地方(。我已经有一个谷歌我的地图,上面有所有的地方。
但是我需要地图有一个缩放限制/限制:我希望人们不知道确切的位置,这意味着缩放必须在足够准确之前停止。
我知道你可以用谷歌地图JS API控制缩放,比如
var opt = { minZoom: 6, maxZoom: 9 };
map.setOptions(opt);
但是我不知道如何在谷歌地图上添加地点(我仍然在谷歌我的地图上都有它们(。
谢谢你的时间
谢谢大家的帮助。
所以大多数时候,谷歌我的地图使用.KML 文件(作为导入或导出(,并且可以从 .KML文件到谷歌地图。
这是一个例子:
<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 Map Javascript API(https://developers.google.com/maps/documentation/javascript/tutorial(自定义Google Map。
谢谢大家抽出宝贵时间