As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.
# Como exibir um mapa
O Amazon Location Service permite que você exiba mapas interativos e não interativos usando nossos estilos de mapas. Para saber mais, consulte [AWS estilos e recursos do mapa](map-styles.md).
## Mapa interativo
Neste exemplo, você exibirá um mapa interativo que permite aos usuários ampliar, deslocar, pinçar e inclinar.
### Exemplo de código de mapa interativo
------
#### [ index.html ]
```
Display a map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------
## Restringir a panorâmica do mapa além de uma área
Neste exemplo, você impedirá que o mapa seja deslocado além de um limite definido.
### Exemplo de código de restrição da panorâmica do mapa
------
#### [ index.html ]
```
Display a map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------
## Mapa não interativo
Neste exemplo, você exibirá um mapa não interativo desativando a interação do usuário.
### Exemplo de código de mapa não interativo
------
#### [ index.html ]
```
Display a map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------