한페이지 지도 2개를 넣었는데 이미지 마커가 한쪽은 안나타나서... 채택완료

                                                        



                           



ar mapContainer = document.getElementById('map'), // 지도를 표시할 div 

       mapOption = {

       center: new daum.maps.LatLng(37.40147, 126.72201), // 지도의 중심좌표

       level: 4, // 지도의 확대 레벨

      mapTypeId : daum.maps.MapTypeId.ROADMAP // 지도종류

     }; 

// 지도를 생성한다 

var map = new daum.maps.Map(mapContainer, mapOption); 

                                                    

// 일반 지도와 스카이뷰로 지도 타입을 전환할 수 있는 지도타입 컨트롤을 생성합니다

var mapTypeControl = new daum.maps.MapTypeControl();

                                                      

// 지도에 컨트롤을 추가해야 지도위에 표시됩니다

// daum.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다

map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT);

                                                      

// 지도 확대 축소를 제어할 수 있는  줌 컨트롤을 생성합니다

var zoomControl = new daum.maps.ZoomControl();

map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);

var imageSrc = '/images/here.png', // 마커이미지의 주소입니다    

imageSize = new daum.maps.Size(80, 68), // 마커이미지의 크기입니다

imageOption = {offset: new daum.maps.Point(40, 68)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.

                                                      

// 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다

var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize, imageOption),

markerPosition = new daum.maps.LatLng(37.40147, 126.72201); // 마커가 표시될 위치입니다

                                                

// 마커를 생성합니다

var marker = new daum.maps.Marker({

position: markerPosition, 

image: markerImage // 마커이미지 설정 

});

                                                

 // 마커가 지도 위에 표시되도록 설정합니다

marker.setMap(map);  





                                      

                                                   

      

 





 var mapContainer = document.getElementById('map2'), // 지도를 표시할 div 

mapOption = {

center: new daum.maps.LatLng(37.60306, 126.65551), // 지도의 중심좌표

level: 4, // 지도의 확대 레벨

mapTypeId : daum.maps.MapTypeId.ROADMAP // 지도종류

}; 

// 지도를 생성한다 

var map = new daum.maps.Map(mapContainer, mapOption); 

 // 일반 지도와 스카이뷰로 지도 타입을 전환할 수 있는 지도타입 컨트롤을 생성합니다

var mapTypeControl = new daum.maps.MapTypeControl();

                                                      

// 지도에 컨트롤을 추가해야 지도위에 표시됩니다

// daum.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다

map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT);

                                                      

// 지도 확대 축소를 제어할 수 있는  줌 컨트롤을 생성합니다

var zoomControl = new daum.maps.ZoomControl();

map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT);

 var imageSrc2 = '/images/here.png', // 마커이미지의 주소입니다    

imageSize2 = new daum.maps.Size(80, 68), // 마커이미지의 크기입니다

 imageOption2 = {offset: new daum.maps.Point(40, 68)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.

                                                      

// 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다

 var markerImage2 = new daum.maps.MarkerImage2(imageSrc2, imageSize2, imageOption2),

markerPosition2 = new daum.maps.LatLng(37.60306, 126.65551); // 마커가 표시될 위치입니다

                                                

 // 마커를 생성합니다

var marker2 = new daum.maps.Marker2({

position: markerPosition2, 

image: markerImage2 // 마커이미지 설정 

                                              });

                                                

                   // 마커가 지도 위에 표시되도록 설정합니다

               marker2.setMap(map2);