페이지에 배치하고 정적 위치를 설정하거나 지리적 위치 보기를 사용하여 확보한 다른 위치를 사용할 수 있습니다.

구성 특성을 설정하여 맵의 동작 및 모양을 정의할 수 있습니다.

구성 특성

구성에서 보기의 모양 및 동작 특성을 설정하거나 수정하십시오.

화면 크기
특성 이름 옆에 화면 크기 아이콘 화면 크기 아이콘 이 있는 구성 특성은 각 화면 크기에 대해 다른 값을 가질 수 있습니다. 값을 설정하지 않을 경우 화면 크기는 다음으로 큰 화면 크기 값을 기본값으로 상속합니다.
테마 정의
테마 정의는 보기를 위해 색상 및 스타일을 지정하고 보기의 모양을 결정합니다. 테마 편집기에서 보기의 룩앤필을 미리볼 수 있습니다. 테마를 참조하십시오.
맵 보기의 모양 구성 특성은 다음 테이블에 나열되어 있습니다.
표 1. 맵의 모양 구성 특성
모양 구성 특성 설명 데이터 유형
맵 유형 맵의 유형입니다. MapType
확대/축소 레벨 전 세계를 표시하는 0 및 개별 빌드(존재하는 경우)에 대한 세부사항을 표시하는 20 사이의 확대/축소 레벨입니다. Integer
너비 화면 크기 아이콘 픽셀(px), 최초 맵의 백분율(%) 또는 em 단위를 사용한 너비입니다(예: 50px, 20% 또는 4em). 기본 단위는 픽셀입니다. String
높이 화면 크기 아이콘 맵 높이(픽셀(px) 또는 em 단위)입니다. 예를 들어, 50px 또는 4em입니다. 기본 단위는 픽셀입니다. String
맵 보기의 동작 구성 특성은 다음 테이블에 나열되어 있습니다. 기본적으로 동작 구성 특성이 선택 취소됩니다.
팁: 사용자의 위치를 가져오려면 지리적 위치 보기를 사용하십시오. 지리적 위치를 참조하십시오.
표 2. 맵의 동작 구성 특성
동작 구성 특성 설명 데이터 유형
상하좌우 이동 사용 안함 사용자가 맵을 상하좌우 이동하여 맵 위치를 수정하는 것을 방지합니다. 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) )

특정 위치에 맵을 설정하려면 해당 단계를 수행하십시오.
  1. OpenLayer API 보기를 페이지로 끌어오십시오. 이 보기에 대한 자세한 정보는 OpenLayers API를 참조하십시오.
  2. 맵 보기를 페이지로 끌어오십시오.
  3. 동작 구성 특성에서 위도 및 경도를 지정하십시오.
  4. OpenStreetMap에 맵 소스를 설정하십시오.
    팁: 다음 방법 중 하나로 위치의 위도 및 경도를 찾을 수 있습니다.
    • Google 웹 사이트에서 검색을 실행하십시오.
    • 특수화된 웹 사이트 (예: http://www.latlong.net/ ) 를 사용하십시오.
    • 지리적 위치에 설명된 대로 지리적 위치 보기를 사용하십시오.
  5. 모양 특성을 설정하십시오. 예를 들어, 로드맵 유형을 선택하고 확대/축소 레벨을16으로 설정하십시오.

    OpenStreetMap은 로드맵 보기만 제공합니다. 또한 Bing Maps는 위성 및 하이브리드 보기를 제안합니다.

이제 맵이 특정 위치로 설정되었습니다.

메소드

사용 가능한 메소드에 대한 자세한 정보는 JavaScript API 맵핑 을 참조하십시오.

추가 자원

Coach 또는 페이지를 작성하는 방법에 대한 정보는 Coach 빌드를 참조하십시오.
표준 특성 (일반, 구성, 위치 지정, 가시성HTML 속성) 에 대한 정보는 특성 보기를 참조하십시오.