Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.
# Cara menampilkan peta
Amazon Location Service memungkinkan Anda menampilkan peta interaktif dan non-interaktif menggunakan gaya peta kami. Lihat [AWS gaya peta dan fitur](map-styles.md) untuk mempelajari selengkapnya.
## Peta interaktif
Dalam contoh ini, Anda akan menampilkan peta interaktif yang memungkinkan pengguna untuk memperbesar, menggeser, mencubit, dan melempar.
### Contoh kode peta interaktif
------
#### [ index.html ]
```
Display a map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------
## Batasi panning peta di luar suatu area
Dalam contoh ini, Anda akan membatasi peta agar tidak digeser melampaui batas yang ditentukan.
### Batasi contoh kode panning peta
------
#### [ index.html ]
```
Display a map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------
## Peta non-interaktif
Dalam contoh ini, Anda akan menampilkan peta non-interaktif dengan menonaktifkan interaksi pengguna.
### Contoh kode peta non-interaktif
------
#### [ index.html ]
```
Display a map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------