Проблема с окном Google Map Info, удаляющим пробелы - PullRequest
Новая
       40

Проблема с окном Google Map Info, удаляющим пробелы

0 голосов
/ 11 октября 2018

Я создал информационное окно в googlemap, информационное окно показывает пустое пространство по сторонам, я хочу, чтобы оно было полностью удалено, чтобы изображение покрывало всю ширину, и кнопка закрытия информационного окна могла появляться над изображением для удаления пустого пространства. Я попытался заполнить ширину поля полей.ничего не работаетЯ добавил код здесь, а также изображение для проблемы.Заранее спасибо. 

<!DOCTYPE html>
<html>

   <head>
      <script src = "https://maps.googleapis.com/maps/api/js"></script>

      <script>
         function loadMap() {

            var mapOptions = {
               center:new google.maps.LatLng(17.433053, 78.412172),
               zoom:5
            }

            var map = new google.maps.Map(document.getElementById("sample"),mapOptions);

            var marker = new google.maps.Marker({
               position: new google.maps.LatLng(17.433053, 78.412172),
               map: map,
               draggable:true,
               icon:'/scripts/img/logo-footer.png'
            });

            marker.setMap(map);

            var infowindow = new google.maps.InfoWindow({
               content:'<div class="google-map-info"><img src="https://pub-static.haozhaopian.net/static/web/site/features/backgrounds/images/01438c545ec45329ccdddb4cb88560ae6a.jpg" /></div>\
<div class="info-window-title">Hello World</div>'   
            });

            infowindow.open(map,marker);
         }
      </script>

   </head>

   <body onload = "loadMap()">
      <div id = "sample" style = "width:580px; height:400px;"></div>
   </body>
<style>
.gm-style-iw{width:100%;}
.google-map-info img {width:100%;height: 206px;
    overflow: hidden;}
</style>
</html>

enter image description here

...