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