맵
페이지에 배치하고 정적 위치를 설정하거나 지리적 위치 보기를 사용하여 확보한
다른 위치를 사용할 수 있습니다.
구성 특성을 설정하여 맵의 동작 및 모양을 정의할 수 있습니다.
구성 특성
구성에서 보기의 모양 및 동작 특성을 설정하거나 수정하십시오.
- 화면 크기
- 특성 이름 옆에 화면 크기 아이콘
이 있는 구성 특성은 각 화면 크기에 대해 다른 값을 가질 수 있습니다. 값을 설정하지 않을 경우 화면 크기는 다음으로 큰 화면 크기 값을 기본값으로 상속합니다.
- 테마 정의
- 테마 정의는 보기를 위해 색상 및 스타일을 지정하고 보기의 모양을 결정합니다. 테마 편집기에서 보기의 룩앤필을 미리볼 수 있습니다. 테마를 참조하십시오.
맵 보기의 모양 구성 특성은 다음 테이블에 나열되어 있습니다.
| 모양 구성 특성 | 설명 | 데이터 유형 |
|---|---|---|
| 맵 유형 | 맵의 유형입니다. | MapType |
| 확대/축소 레벨 | 전 세계를 표시하는 0 및 개별 빌드(존재하는 경우)에 대한 세부사항을 표시하는 20 사이의 확대/축소 레벨입니다. | Integer |
너비 ![]() |
픽셀(px), 최초 맵의 백분율(%) 또는 em 단위를 사용한 너비입니다(예: 50px, 20% 또는 4em). 기본 단위는 픽셀입니다. | String |
높이 ![]() |
맵 높이(픽셀(px) 또는 em 단위)입니다. 예를 들어, 50px 또는 4em입니다. 기본 단위는 픽셀입니다. | String |
맵 보기의 동작 구성 특성은 다음 테이블에 나열되어 있습니다. 기본적으로 동작 구성 특성이 선택 취소됩니다.
팁: 사용자의 위치를 가져오려면 지리적 위치 보기를 사용하십시오. 지리적 위치를 참조하십시오.
| 동작 구성 특성 | 설명 | 데이터 유형 |
|---|---|---|
| 상하좌우 이동 사용 안함 | 사용자가 맵을 상하좌우 이동하여 맵 위치를 수정하는 것을 방지합니다. | Boolean |
| 확대/축소 제어 숨기기 | 사용자가 확대/축소하지 못하도록 방지합니다. | Boolean |
| 맵 유형 제어 숨기기 | 사용자가 맵 유형을 변경하지 못하도록 방지합니다. | Boolean |
| 배율 제어 숨기기 | 사용자가 맵을 스케일링하지 못하도록 방지합니다. | Boolean |
| 회전 제어 숨기기 | 사용자가 맵을 회전하지 못하도록 방지합니다. | Boolean |
| 마커 표시 | 마커를 표시하거나 숨깁니다. 위도 및 경도 구성 특성을 설정해야 합니다. | Boolean |
| 위도 | 맵 중앙의 위도를 지정합니다. | Decimal |
| 경도 | 맵 중앙의 경도를 지정합니다. | Decimal |
| 맵 소스 | 맵 제공업체(OpenStreetMap 또는 Bing Maps)를 지정합니다. | String |
이벤트
맵 보기의 경우 다음 유형의 이벤트 핸들러를 활성화할 수 있습니다.
- On load 페이지가 로드될 때 (예:
me.setWidth("100%")) - On click 맵을 클릭하는 경우 (예:
${Map}.addMarker(latLng)) - On marker click 마커를 클릭하는 경우 (예:
console.log(marker.lng, marker.lat))
예
특정 위치에 맵을 설정하려면 해당 단계를 수행하십시오.
- OpenLayer API 보기를 페이지로 끌어오십시오. 이 보기에 대한 자세한 정보는 OpenLayers API를 참조하십시오.
- 맵 보기를 페이지로 끌어오십시오.
- 동작 구성 특성에서 위도 및 경도를 지정하십시오.
- OpenStreetMap에 맵 소스를 설정하십시오.팁: 다음 방법 중 하나로 위치의 위도 및 경도를 찾을 수 있습니다.
- Google 웹 사이트에서 검색을 실행하십시오.
- 특수화된 웹 사이트 (예: http://www.latlong.net/ ) 를 사용하십시오.
- 지리적 위치에 설명된 대로 지리적 위치 보기를 사용하십시오.
- 모양 특성을 설정하십시오. 예를 들어,
로드맵 유형을 선택하고 확대/축소 레벨을16으로
설정하십시오.
OpenStreetMap은 로드맵 보기만 제공합니다. 또한 Bing Maps는 위성 및 하이브리드 보기를 제안합니다.
메소드
사용 가능한 메소드에 대한 자세한 정보는 JavaScript API 맵핑 을 참조하십시오.
추가 자원
Coach 또는 페이지를 작성하는 방법에 대한 정보는 Coach 빌드를 참조하십시오.
표준 특성 (일반, 구성, 위치 지정, 가시성및 HTML 속성) 에 대한 정보는 특성 보기를 참조하십시오.