Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.
# Comment afficher une carte
Amazon Location Service vous permet d'afficher des cartes interactives et non interactives à l'aide de nos styles de carte. Pour en savoir plus, consultez [AWS styles et fonctionnalités de carte](map-styles.md).
## Carte interactive
Dans cet exemple, vous allez afficher une carte interactive qui permet aux utilisateurs de zoomer, de déplacer, de pincer et de tanger.
### Exemple de code cartographique interactif
------
#### [ index.html ]
```
Display a map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------
## Restreindre le panoramique de la carte au-delà d'une zone
Dans cet exemple, vous allez empêcher la carte d'être panoramique au-delà d'une limite définie.
### Exemple de code de planification cartographique restreint
------
#### [ index.html ]
```
Display a map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------
## Carte non interactive
Dans cet exemple, vous allez afficher une carte non interactive en désactivant l'interaction de l'utilisateur.
### Exemple de code cartographique non interactif
------
#### [ index.html ]
```
Display a map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------