Один DIV с двумя картами Google, похожий на галерею изображений - PullRequest
Новая
       14

Один DIV с двумя картами Google, похожий на галерею изображений

0 голосов
/ 19 сентября 2018

Мне интересно, возможно ли иметь "галерею", но вместо картинок у меня есть два адреса из Google Maps.

Есть ли способ сделать это?

1 Ответ

0 голосов
/ 19 сентября 2018

Легко, просто создайте два экземпляра карты! 

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