모바일웹에서 적용한 내용입니다.
-
“http://apis.daum.net/maps/maps3.js?apikey=apikey value”
위내용은 다음에서 제공한 스크립트를 사용할 경우 지도에 이미지를 표시를 하지만 아래 구분을 사용할 경 우 지도이미지가 나타나지 않습니다. -
“//dapi.kakao.com/v2/maps/sdk.js?appkey=apikey value”
var mapContainer = document.getElementById('staticMap'), // 지도를 표시할 div mapOption = { center: new daum.maps.LatLng(<?=$sync_lat?>, <?=$sync_lng?>), // 지도의 중심좌표 level: 3 // 지도의 확대 레벨 }; var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다 // 지도타입 컨트롤의 지도 또는 스카이뷰 버튼을 클릭하면 호출되어 지도타입을 바꾸는 함수입니다 function setMapType(maptype) { var roadmapControl = document.getElementById('btnRoadmap'); var skyviewControl = document.getElementById('btnSkyview'); if (maptype === 'roadmap') { map.setMapTypeId(daum.maps.MapTypeId.ROADMAP); roadmapControl.className = 'selected_btn'; skyviewControl.className = 'btn'; } else { map.setMapTypeId(daum.maps.MapTypeId.HYBRID); skyviewControl.className = 'selected_btn'; roadmapControl.className = 'btn'; } } // 지도 확대, 축소 컨트롤에서 확대 버튼을 누르면 호출되어 지도를 확대하는 함수입니다 function zoomIn() { map.setLevel(map.getLevel() - 1); } // 지도 확대, 축소 컨트롤에서 축소 버튼을 누르면 호출되어 지도를 확대하는 함수입니다 function zoomOut() { map.setLevel(map.getLevel() + 1); } var markerPosition = new daum.maps.LatLng(<?=$sync_lat?>, <?=$sync_lng?>); // 마커를 생성합니다 var marker = new daum.maps.Marker({ position: markerPosition }); // 마커가 지도 위에 표시되도록 설정합니다 marker.setMap(map); // 마커가 드래그 가능하도록 설정합니다 marker.setDraggable(true);