|
라이나 생명 홈페이지에 찾아가는길 보러 갔다가,
공지? 같은 글이 떠있길래 눌러보았습니다.
아니 젠장 다음지도를 없애버리겠다는 협박을 하고 있네요.
머, 돈내라는건 아니고 카카오 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);
});
<div class="map_area" id="map1" style="width:100%;height:400px;"> <div class="map_area" id="map2" style="width:100%;height:400px;">
댓글을 달아 주세요