반응형
Bootstrap을 사용한 웹 페이지에서 네이버 지도 API를 사용하면 지도 이미지가 웹 화면에 제대로 출력되지 않는 것을 확인할 수 있다. 그 이유는 Bootstrap에 설정되어 있는 img 태그의 css 값 때문이다.
네이버 지도 API가 사용하는 <div> 영역의 id가 map 이라고 할 경우, 다음과 같이 css를 설정하면 지도에서 사용되는 이미지가 제대로 출력된다.
#map img {
max-width: none;
height: auto;
border: 0
}
다음 지도 API도 동일한 이유로 지도 영역의 이미지가 제대로 출력되지 않는데, 위와 같이 처리하면 올바르게 출력된다.