Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.
# Cómo mostrar un mapa
Amazon Location Service le permite mostrar mapas interactivos y no interactivos mediante nuestros estilos de mapas. Consulte [AWS estilos y características del mapa](map-styles.md) para obtener más información.
## Mapa interactivo
En este ejemplo, mostrará un mapa interactivo que permite a los usuarios acercar, desplazar, pellizcar e inclinar.
### Ejemplo de código de mapa interactivo
------
#### [ index.html ]
```
Display a map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------
## Restricción de la panorámica del mapa más allá de un área
En este ejemplo, restringirá la panorámica del mapa más allá de un límite definido.
### Ejemplo de código de restricción de panorámica del mapa
------
#### [ index.html ]
```
Display a map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------
## Mapa no interactivo
En este ejemplo, mostrará un mapa no interactivo al desactivar la interacción del usuario.
### Ejemplo de código de mapa no interactivo
------
#### [ index.html ]
```
Display a map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------