一个带有两个谷歌地图的 DIV,类似于一个图片库



我想知道是否有可能有一个"画廊",但我有两个来自谷歌地图的地址,而不是图片。

有没有办法做到这一点?

很简单,只需创建两个地图实例!

<html>
<body>
<div id="map1"></div>
<div id="map2"></div>
<style>
html, body {
width: 100%;
height: 100%;
}
#map1, #map2 {
height: 100%;
width: 50%;
float: left;
}
</style>
<script>
var map1, map2;
function initMap() {
map1 = new google.maps.Map(document.getElementById('map1'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
map2 = new google.maps.Map(document.getElementById('map2'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>
</body>
</html>

相关内容

  • 没有找到相关文章

最新更新