Question

我想知道是否可能有一个“图库”，但是我有两个Google Maps地址而不是图片。

有没有办法做到这一点？

Answer 1

容易，只需创建两个地图实例！

<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>

一个带有两个Google地图的DIV，类似于一个图片库

1 个答案: