'daum'에 해당되는 글 3건

 
  1. 2018.11.19 [KAKAO/DAUM] 다음 지도 API 서비스 종료, 카카오 지도 API 로 전환
  2. 2014.03.15 [MAP/DAUM] 다음 API 지도 표시와 마커 좌료 다르게 설정하기 샘플, 코드
  3. 2014.03.14 [MAP/DAUM] 다음 맵 API 한 화면에 지도 여러개 띄우기 샘플, 코드
2018. 11. 19. 01:57 카테고리 없음
[KAKAO/DAUM] 다음 지도 API 서비스 종료, 카카오 지도 API 로 전환

라이나 생명 홈페이지에 찾아가는길 보러 갔다가,

공지? 같은 글이 떠있길래  눌러보았습니다.

아니 젠장 다음지도를 없애버리겠다는 협박을 하고 있네요.

머, 돈내라는건 아니고 카카오 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>



2014. 3. 14. 14:49 COMPUTER/JAVASCRIPT, JQUERY
[MAP/DAUM] 다음 맵 API 한 화면에 지도 여러개 띄우기 샘플, 코드

다음지도를 한 화면에서 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;">


최근에 올라온 글

최근에 달린 댓글