'다음'에 해당되는 글 3건
- 2018.11.19 [KAKAO/DAUM] 다음 지도 API 서비스 종료, 카카오 지도 API 로 전환
- 2014.03.15 [MAP/DAUM] 다음 API 지도 표시와 마커 좌료 다르게 설정하기 샘플, 코드
- 2014.03.14 [MAP/DAUM] 다음 맵 API 한 화면에 지도 여러개 띄우기 샘플, 코드
마커 좌표와 지도 좌표를 각자 표시하는 소스 코드:
<script type="text/javascript"> $(window).load(function(){ var longitude='126.980101'; var latitude='37.571982'; var mapLongitude='126.978456'; var mapLatitude='37.571702'; map=new daum.maps.Map(document.getElementById("map"),{ center:new daum.maps.LatLng(mapLatitude,mapLongitude), level:4 }); var marker=new daum.maps.Marker({ position:new daum.maps.LatLng(latitude,longitude) }); var zoomControl=new daum.maps.ZoomControl(); map.addControl(zoomControl,daum.maps.ControlPosition.RIGHT); var mapTypeControl=new daum.maps.MapTypeControl(); map.addControl(mapTypeControl,daum.maps.ControlPosition.TOPRIGHT); marker.setMap(map); }); </script> <div id="map" style="height:300px;"></div>
다음지도를 한 화면에서 2개이상 띄우는 코드 입니다.
좌표는 당근 2개씩 있어야겠죠.
확대축소 컨트롤이랑 '지도/스카이뷰' 버튼은 함께 쓸수 있습니다.
좌표중 하나는 서울역이고, 다른하나는 광화문 근처입니다.
스크립트:
$(window).load(function(){ var zoomControl=new daum.maps.ZoomControl(); var mapTypeControl=new daum.maps.MapTypeControl(); var longitude='126.980101'; var latitude='37.571982'; var mapLongitude='126.978456'; var mapLatitude='37.571702'; map=new daum.maps.Map(document.getElementById('map1'),{ center:new daum.maps.LatLng(mapLatitude,mapLongitude), level:4 }); map.addControl(zoomControl,daum.maps.ControlPosition.RIGHT); map.addControl(mapTypeControl,daum.maps.ControlPosition.TOPRIGHT); var marker=new daum.maps.Marker({position:new daum.maps.LatLng(latitude, longitude)}); marker.setMap(map); var longitude2='126.9740458'; var latitude2='37.5542316'; map2=new daum.maps.Map(document.getElementById('map2'),{ center:new daum.maps.LatLng(latitude2,longitude2), level:3 }); map.addControl(zoomControl,daum.maps.ControlPosition.RIGHT); map2.addControl(mapTypeControl,daum.maps.ControlPosition.TOPRIGHT); var marker2=new daum.maps.Marker({position:new daum.maps.LatLng(latitude2,longitude2)}); marker2.setMap(map2); });
HTML:
<div class="map_area" id="map1" style="width:100%;height:400px;"> <div class="map_area" id="map2" style="width:100%;height:400px;">
최근에 올라온 글
최근에 달린 댓글
|
| |||||||