本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。
# 如何显示地图
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%; }
```
------