2016-06-07 2 views
0

지도를 웹 사이트에 추가했지만 문제가 있습니다. 이Google지도 api - strange div 이상지도

function initMap() { 
var map = new google.maps.Map(document.getElementById('map'), { 
    center: {lat: 15.177076, lng: 15.619812}, 
    zoom: 8 
    }); 
    } 

내가이 흰 것을 알 수있다 ...

enter image description here

는 HTML

<div id='map'> 

    </div> 
     <script async defer 
       src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDNnZ9kGQCZbjbUAceQXwxW9TBHxV2tNlU&callback=initMap"></script> 

이며,이 내 JS 코드입니다 ... 무슨이다 div가 'gmnoprint'클래스 아래에 있으며, 디스플레이를 설정했습니다. 해당 클래스에 대해을 설정했습니다. 해당 요소 뒤에는 div 요소가 있으며 Google지도에 대한 링크가 포함되어 있습니다.

div도 내 맵 전체에 걸쳐있어지도를 제어 할 수 없지만 class 또는 id 속성은 포함되어 있지 않습니다.

무엇이 문제입니까? 다른 해결책이 없다면 그 요소 스타일을 변경할 수있는 방법은 무엇입니까 (CSS 선택기를 사용해야합니까?).

그것은 다음과 같습니다 ...

enter image description here

+0

정말 이상한. 이것을 재현 할 수있는 완전한 코드 샘플이 있습니까? – xomena

+0

지도의 모든 코드가 여기에 있습니다. 나는 첫번째 화이트 div를 감추고'height : auto; width : auto' 두 번째 div에는 Google 링크가 포함되어 있습니다 (div 높이와 너비는 Google 링크의 높이와 너비로 설정됩니다). 아직도 문제는 무엇인지 모르겠지만 피할 수있는 방법을 찾았습니다 – Fale1994

+0

왼쪽 상단 모서리에 Google 아이콘이 표시되어 정말 이상합니다. 왼쪽 하단에 있어야합니다. 내가 아는 한, ToS에 따라 저작자 표시의 위치를 ​​변경하는 것은 금지되어 있습니다. 기본 스타일을 덮어 쓰지 않으시겠습니까? – xomena

답변