기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다. # 맵을 표시하는 방법 Amazon Location Service를 사용하면 맵 스타일을 사용하여 대화형 맵과 비대화형 맵을 모두 표시할 수 있습니다. 자세한 내용은 [AWS 맵 스타일 및 기능](map-styles.md) 섹션을 참조하세요. ## 대화형 맵 이 예제에서는 사용자가 확대/축소, 이동, 핀치 및 피치를 수행할 수 있는 대화형 맵을 표시합니다. ### 대화형 맵 코드 예제 ------ #### [ index.html ] ``` Display a map
``` ------ #### [ style.css ] ``` body { margin: 0; padding: 0; } html, body, #map { height: 100%; } ``` ------ ## 영역 외부로 맵 이동 제한 이 예제에서는 맵이 정의된 경계를 벗어나 이동되지 않도록 제한합니다. ### 맵 이동 제한 코드 예제 ------ #### [ index.html ] ``` Display a map
``` ------ #### [ style.css ] ``` body { margin: 0; padding: 0; } html, body, #map { height: 100%; } ``` ------ ## 비대화형 맵 이 예제에서는 사용자 상호 작용을 비활성화하여 비대화형 맵을 표시합니다. ### 비대화형 맵 코드 예제 ------ #### [ index.html ] ``` Display a map
``` ------ #### [ style.css ] ``` body { margin: 0; padding: 0; } html, body, #map { height: 100%; } ``` ------