크롬에서는 잘 나오지만, 익스플로러의 경우 지도가 절반만 표시가 되는 현상이 발생합니다.
마우스로 살짝만 이동시켜주면 다시 정상으로 돌아옵니다.
HOME회사소개오시는길
<div id="map" style="width:760;height:500px;"></div>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey="></script>
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(37.48766, 126.72739), // 지도의 중심좌표
level: 2// 지도의 확대 레벨
};
var map = new daum.maps.Map(mapContainer, mapOption);
var imageSrc = “/img/map.png”, // 마커이미지의 주소입니다
imageSize = new daum.maps.Size(53, 58), // 마커이미지의 크기입니다
imageOption = {offset: new daum.maps.Point(24, 56)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.
// 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다
var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize, imageOption),
markerPosition = new daum.maps.LatLng(37.48766, 126.72739); // 마커가 표시될 위치입니다
// 마커를 생성합니다
var marker = new daum.maps.Marker({
position: markerPosition,
image: markerImage // 마커이미지 설정
});
// 마커가 지도 위에 표시되도록 설정합니다
marker.setMap(map);
// 커스텀 오버레이에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다
var content = ‘
// 커스텀 오버레이가 표시될 위치입니다
var position = new daum.maps.LatLng(37.48759, 126.72739);
// 커스텀 오버레이를 생성합니다
var customOverlay = new daum.maps.CustomOverlay({
map: map,
position: position,
content: content,
yAnchor: 1
});
이런식으로 작성했습니다.