Я добавил карту на свой сайт, но с ней что-то не так. Это то, что происходит ...Google maps api - странный div над map
Это HTML
<div id='map'>
</div>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDNnZ9kGQCZbjbUAceQXwxW9TBHxV2tNlU&callback=initMap"></script>
и это мой JS код ...
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 15.177076, lng: 15.619812},
zoom: 8
});
}
Я также узнал, что этот белый div находится под классом «gmnoprint», и я установил display: none для этого класса. За этим элементом находится элемент div, содержащий ссылку на карты google.
Это ДИВ также по всей моей карте, и он блокирует меня, чтобы контролировать карту, но она не содержит класс или идентификатор атрибута.
В чем проблема? Если нет другого решения, каким образом я мог бы изменить этот стиль элемента (какие селектора CSS я должен использовать)?
Похоже, что это ...
Действительно странно. У вас есть полный образец кода, чтобы воспроизвести это? – xomena
Весь код для карты находится здесь. Мне удалось исправить эту проблему, спрятав первый белый div и установив 'height: auto; width: auto' для второго div, который содержит ссылку google (высота и ширина div заданы по высоте и ширине ссылки google). Все еще не знаю, в чем проблема, но я нашел способ избежать этого. – Fale1994
Это действительно странно, потому что я вижу значок Google в левом верхнем углу. Он должен находиться в нижнем левом углу. Насколько я знаю, запрещено менять положение атрибуции в соответствии с ToS. Вы уверены, что не переопределяете стили по умолчанию? – xomena