CmWorld 2D Maps API

지도

기본예제

레이어 추가

다양한 오픈 지도

기타

GIS 컨트롤(툴바)

지도 확대/축소 컨트롤

지도 확대/축소 슬라이더

그림도구 컨트롤

거리계산

면적계산

색인지도

스케일바

마우스 위치 표시

GIS 동작 이벤트

마우스 이벤트

확대 이벤트

컨트롤 이벤트

객체

마커

라인

사각형

다각형

이미지 추가

객체 정보보기

객체 보이기/숨기기

벡터레이어 (CmWorldLayer)

벡터레이어 추가 (시도경계)

대용량 레이어

레이어 보이기/숨기기

벡터 스타일 설정

다양한 파일 지원

파일 불러오기

파일 저장하기

Sample객체이미지 추가

이미지 추가

지도에 이미지를 추가합니다. 보이기 버튼을 클릭하면 설정한 해당 imageUrl의 이미지가 추가되고 숨기기 버튼을 클릭하면 이미지가 사라집니다.

javascript

//이미지 설정
 var imageUrl = 'http://demo.cmworld.net:18080'+window.ctxPath+'/resources/images/company-logo.png', //이미지 URL
    imageBounds = [[37.8141,125.7231], [37.1077,129.4134]]; //이미지의 위치를 지정합니다

//이미지 레이어     
var  image = L.imageOverlay(imageUrl, imageBounds,{opacity:0.8}) //투명도 Default : 1.0

//보이기 버튼
function show(){
	mymap.addLayer(image); // 이미지가 지도에 추가됩니다
}

//숨기기 버튼	
function hide(){
  	mymap.removeLayer(image); // 이미지가 지도에서 삭제됩니다
}
License지원브라우저Tel: 02-578-5101E-mail: master@cmworld.co.kr

© 2017. CmWorld INC all right reserved.