'맵'에 해당되는 글 1건

 
  1. 2014.03.15 [MAP/DAUM] 다음 API 지도 표시와 마커 좌료 다르게 설정하기 샘플, 코드
2014. 3. 15. 11:09 COMPUTER/JAVASCRIPT, JQUERY
[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>



최근에 올라온 글

최근에 달린 댓글