Mulai

Pengantar

Maps Static API menampilkan gambar (GIF, PNG, atau JPEG) sebagai respons terhadap permintaan HTTP melalui URL. Untuk setiap permintaan, Anda dapat menentukan lokasi peta, ukuran gambar, tingkat zoom, jenis peta, dan penempatan penanda opsional pada beberapa lokasi di peta. Anda juga dapat memberi label pada penanda menggunakan karakter alfanumerik.

Gambar Maps Static API disematkan dalam atribut src tag <img>, atau padanannya dalam bahasa pemrograman lain.

Dokumen ini menjelaskan format URL Maps Static API yang diperlukan dan parameter yang tersedia. Dokumen ini juga menunjukkan beberapa tips dan trik dalam menentukan URL Anda.

Sebelum memulai

Dokumen ini ditujukan untuk developer situs web dan seluler yang ingin menyertakan gambar Maps Static API dalam halaman web atau aplikasi seluler. Dokumen ini menyediakan pengantar untuk menggunakan API dan materi referensi mengenai parameter yang tersedia.

Sebelum Anda memulai pengembangan dengan Maps Static API, tinjau persyaratan autentikasi (Anda memerlukan kunci API) dan informasi penggunaan dan penagihan API (Anda harus mengaktifkan penagihan di project Anda).

Parameter URL

URL Maps Static API harus dalam bentuk berikut:

https://maps.googleapis.com/maps/api/staticmap?parameters

Jika situs Anda diakses melalui HTTPS, Anda juga harus memuat gambar Maps Static API melalui HTTPS untuk menghindari peringatan keamanan browser. HTTPS juga direkomendasikan jika permintaan Anda menyertakan informasi pengguna yang sensitif, seperti lokasi pengguna:

https://maps.googleapis.com/maps/api/staticmap?parameters

Baik menggunakan HTTP atau HTTPS, parameter URL tertentu diperlukan, sedangkan parameter lainnya bersifat opsional. Sebagaimana standar dalam URL, semua parameter dipisah menggunakan karakter ampersand (&). Daftar parameter dan kemungkinan nilainya disebutkan dalam dokumen ini.

Maps Static API menentukan gambar peta menggunakan parameter URL berikut:

Parameter lokasi

  • center (diperlukan jika penanda tidak ada) menentukan pusat peta, yang berjarak sama dari semua tepi peta. Parameter ini mengambil lokasi sebagai pasangan {latitude,longitude} yang dipisahkan koma (misalnya "40.714728,-73.998672") atau alamat string (misalnya "city hall, new york, ny") yang mengidentifikasi lokasi unik di permukaan bumi. Untuk mengetahui informasi selengkapnya, lihat Lokasi.
  • zoom (diperlukan jika penanda tidak ada) menentukan tingkat zoom peta, yang menentukan tingkat perbesaran peta. Parameter ini mengambil nilai numerik yang sesuai dengan tingkat zoom pada region yang diinginkan. Untuk informasi selengkapnya, lihat Tingkat zoom.

Parameter peta

  • size (diperlukan) menentukan dimensi persegi panjang gambar peta. Parameter ini menggunakan string dalam bentuk {horizontal_value}x{vertical_value}. Misalnya, 500x400 menentukan peta dengan lebar 500 piksel dan tinggi 400 piksel. Peta yang memiliki lebar kurang dari 180 piksel akan menampilkan logo Google dengan ukuran yang diperkecil. Parameter ini dipengaruhi oleh parameter scale; ukuran output akhir adalah produk dari nilai ukuran dan skala.
  • scale (opsional) memengaruhi jumlah piksel yang ditampilkan. scale=2 menampilkan piksel dua kali lipat dari scale=1 dengan mempertahankan area cakupan dan tingkat detail yang sama (yaitu, konten peta tidak berubah). Hal ini berguna saat mengembangkan untuk layar beresolusi tinggi. Nilai defaultnya adalah 1. Nilai yang diterima adalah 1 dan 2. Lihat Nilai Skala untuk informasi selengkapnya.
  • format (opsional) menentukan format gambar yang dihasilkan. Secara default, Maps Static API membuat gambar PNG. Ada beberapa format yang memungkinkan, termasuk jenis GIF, JPEG, dan PNG. Format yang digunakan bergantung pada cara yang Anda inginkan untuk menampilkan gambar. JPEG biasanya memberikan kompresi yang lebih besar, sementara GIF dan PNG memberikan detail yang lebih baik. Untuk informasi selengkapnya, lihat Format Gambar.
  • maptype (opsional) menentukan jenis peta yang akan dibuat. Ada beberapa kemungkinan nilai maptype, termasuk roadmap, satellite, hybrid, dan terrain. Untuk informasi selengkapnya, lihat Jenis Peta Maps Static API.
  • language (opsional) menentukan bahasa yang akan digunakan untuk menampilkan label pada ubin peta. Perhatikan bahwa parameter ini hanya didukung untuk beberapa ubin negara; jika bahasa tertentu yang diminta tidak didukung untuk rangkaian ubin, maka bahasa default untuk rangkaian ubin tersebut akan digunakan.
  • region (opsional) menentukan batas yang sesuai untuk ditampilkan, berdasarkan sensitivitas geopolitik. Menerima kode wilayah yang ditetapkan sebagai nilai ccTLD ('domain level teratas') yang berisi dua karakter. Lihat Detail Cakupan Google Maps Platform untuk wilayah yang didukung.

Parameter fitur

  • map_id (opsional) menentukan ID untuk peta tertentu. ID Peta mengaitkan peta dengan gaya atau fitur tertentu, dan harus berasal dari project yang sama dengan kunci API yang digunakan untuk melakukan inisialisasi peta. Untuk informasi selengkapnya, lihat Menggunakan ID Peta.
  • markers (opsional) menentukan satu atau beberapa penanda untuk dilampirkan ke gambar di lokasi yang ditentukan. Parameter ini menggunakan definisi penanda tunggal dengan parameter yang dipisahkan oleh karakter pipa (|). Beberapa penanda dapat ditempatkan dalam parameter markers yang sama selama penanda tersebut menunjukkan gaya yang sama; Anda dapat menambahkan penanda tambahan dengan gaya yang berbeda dengan menambahkan parameter markers tambahan. Perhatikan bahwa jika Anda memberikan penanda untuk peta, Anda tidak perlu menentukan parameter center dan zoom (biasanya diperlukan). Untuk informasi selengkapnya, lihat Penanda Maps Static API.
  • path (opsional) menentukan satu jalur dari dua atau beberapa titik yang terhubung untuk ditempatkan pada gambar di lokasi yang ditentukan. Parameter ini menggunakan string definisi titik yang dipisahkan dengan karakter pipa (|), atau polyline yang dienkode menggunakan awalan enc: dalam deklarasi lokasi jalur. Anda dapat memberikan jalur tambahan dengan menambahkan parameter path tambahan. Perhatikan bahwa jika Anda memberikan jalur untuk peta, Anda tidak perlu menentukan parameter center dan zoom (biasanya diperlukan). Untuk informasi selengkapnya, lihat Jalur Maps Static API.
  • visible (opsional) menentukan satu atau beberapa lokasi yang harus tetap terlihat di peta, walaupun tidak ada penanda atau indikator lainnya yang akan ditampilkan. Gunakan parameter ini untuk memastikan bahwa fitur atau lokasi peta tertentu ditampilkan di Maps Static API.
  • style (opsional) menentukan gaya kustom untuk mengubah penyajian fitur tertentu (jalan, taman, dan fitur lainnya) pada peta. Parameter ini menggunakan argumen feature dan element yang mengidentifikasi fitur yang akan ditata gayanya, dan serangkaian operasi gaya yang akan diterapkan pada fitur yang dipilih. Anda dapat menyediakan beberapa gaya dengan menambahkan parameter style tambahan. Untuk informasi selengkapnya, lihat panduan peta bergaya.

Parameter kunci dan tanda tangan

  • key (wajib) memungkinkan Anda memantau penggunaan API aplikasi di Konsol Google Cloud, dan memastikan bahwa Google dapat menghubungi Anda terkait aplikasi Anda jika diperlukan. Untuk informasi selengkapnya, lihat Menggunakan Kunci API dengan Maps Static API.
  • signature (direkomendasikan) adalah tanda tangan digital yang digunakan untuk memverifikasi bahwa setiap situs yang menghasilkan permintaan menggunakan kunci API Anda telah diberi otorisasi untuk melakukannya. Permintaan tanpa tanda tangan digital dapat gagal. Untuk informasi selengkapnya, lihat Menggunakan Tanda Tangan Digital.

Pembatasan ukuran URL

URL Maps Static API dibatasi ukurannya hingga 16.384 karakter. Dalam praktiknya, Anda mungkin tidak akan membutuhkan URL lebih panjang dari ini, kecuali jika Anda menghasilkan peta yang rumit dengan marker dan jalur dalam jumlah besar.

Penggunaan Parameter

Maps Static API relatif mudah digunakan, karena hanya terdiri dari URL berparameter. Bagian ini menjelaskan cara menggunakan parameter ini untuk membuat URL Anda.

Menetapkan Lokasi

Maps Static API harus dapat mengidentifikasi lokasi secara presisi pada peta, baik untuk memfokuskan peta di lokasi yang benar (menggunakan parameter center) dan/atau untuk menempatkan penanda opsional (menggunakan parameter markers) di lokasi pada peta. Maps Static API menggunakan angka (nilai lintang dan bujur) atau string (alamat) untuk menentukan lokasi ini. Nilai ini mengidentifikasi lokasi yang telah di-geocode.

Beberapa parameter (seperti parameter markers dan path) mengambil beberapa lokasi. Dalam hal ini, lokasi dipisah dengan karakter pipa (|).

Lintang dan bujur

Garis lintang dan garis bujur didefinisikan menggunakan angka dalam string teks yang dipisahkan koma dengan presisi hingga 6 tempat desimal. Misalnya, "40.714728,-73.998672" adalah nilai geocode yang valid. Presisi yang melebihi 6 angka di belakang koma akan diabaikan.

Nilai garis bujur berdasarkan jaraknya dari Greenwich, Inggris, yang merupakan pusat meridian utama. Karena Greenwich terletak di garis lintang 51,477222, kita dapat memasukkan nilai center 51.477222,0 untuk memusatkan peta di Greenwich:

Greenwich, England

Nilai lintang dan bujur harus sesuai dengan lokasi yang valid di permukaan bumi. Nilai lintang dapat berupa nilai apa pun antara -90 dan 90, sedangkan nilai bujur dapat berupa nilai apa pun antara -180 dan 180. Jika Anda menetapkan nilai lintang atau garis bujur yang tidak valid, permintaan Anda akan ditolak sebagai permintaan yang buruk.

Alamat

Sebagian besar orang tidak menggunakan garis lintang dan garis bujur; mereka menandai lokasi menggunakan addresses. Proses mengubah alamat menjadi titik geografis dikenal sebagai geocoding dan layanan Maps Static API dapat melakukan geocoding untuk Anda jika Anda memberikan alamat yang valid.

Dalam setiap parameter saat Anda dapat memberikan koordinat garis lintang/garis bujur, Anda juga dapat menentukan string yang menunjukkan alamat. Google akan melakukan geocoding terhadap alamat tersebut dan menyediakan layanan Maps Static API bersama nilai lintang/bujur yang akan digunakan dalam menempatkan penanda atau menentukan lokasi. String harus dikonversi ke URL, sehingga alamat seperti "City Hall, New York, NY" harus dikonversi menjadi "City+Hall,New+York,NY", misalnya.

Perhatikan bahwa alamat mungkin mencerminkan lokasi presisi, seperti alamat jalan, polyline seperti rute yang dinamai, atau bidang poligonal seperti kota, negara, atau taman nasional. Untuk hasil polylinear dan poligonal, server Maps Static API akan menggunakan titik pusat garis/area sebagai pusat alamat. Jika ragu tentang cara meng-geocode alamat, Anda dapat menguji alamat menggunakan Geocoding Utility ini.

Contoh berikut menghasilkan gambar peta statis untuk Berkeley, CA:

https://maps.googleapis.com/maps/api/staticmap?center=Berkeley,CA&zoom=14&size=400x400&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Berkeley, CA

Tingkat zoom

Peta di Google Maps memiliki 'tingkat zoom' bilangan bulat yang menentukan resolusi tampilan saat ini. Tingkat zoom antara 0 (tingkat zoom terendah, tampilan seluruh dunia dapat dilihat pada satu peta) dan 21+ (diperbesar hingga ke jalanan dan bangunan satu per satu) dapat dilakukan dalam tampilan roadmap default. Garis luar bangunan, jika tersedia, akan muncul di peta dengan tingkat zoom sekitar 17. Nilai ini berbeda dari area ke area dan dapat berubah dari waktu ke waktu seiring perkembangan data.

Google Maps menetapkan tingkat zoom 0 yang mencakup seluruh bumi. Setiap tingkat zoom berikutnya menggandakan presisi baik dalam dimensi horizontal maupun vertikal. Informasi selengkapnya tentang cara melakukannya tersedia di dokumentasi Google Maps JavaScript API.

Catatan: tidak semua tingkat zoom muncul pada semua lokasi di bumi. Tingkat zoom bervariasi, bergantung pada lokasi, karena data di beberapa bagian bumi lebih terperinci daripada di lokasi lainnya.

Jika Anda mengirim permintaan tingkat zoom yang tidak memiliki ubin peta, Maps Static API akan menampilkan gambar kosong.

Daftar berikut menampilkan perkiraan tingkat detail yang akan Anda lihat di setiap tingkat zoom:

  • 1: Dunia
  • 5: Daratan luas/benua
  • 10: Kota
  • 15: Jalan
  • 20: Bangunan

Contoh ini meminta dua peta Manhattan dengan nilai center yang sama, tetapi masing-masing berada pada tingkat zoom 12 dan 14:

https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=12&size=400x400&key=YOUR_API_KEY&signature=YOUR_SIGNATURE
https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=14&size=400x400&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Manhattan Dari Jauh  Manhattan Dari Dekat

Ukuran gambar

Parameter size, bersama dengan center, menentukan area cakupan peta. Ini juga menentukan ukuran output peta dalam piksel, jika dikalikan dengan nilai scale (yang secara default adalah 1).

Tabel ini menunjukkan nilai maksimum yang diizinkan untuk parameter size di setiap nilai scale.

scale=1 scale=2
640x640 640x640 (mengembalikan 1280x1280 piksel)

Contoh ini meminta "irisan" bumi di ekuator dengan tingkat zoom 1:

https://maps.googleapis.com/maps/api/staticmap?center=0,0&zoom=1&size=400x50&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Khatulistiwa

Contoh ini meminta peta kecil, berukuran 100 x 100 piksel yang dipusatkan pada region yang sama. Perhatikan logo Google yang lebih kecil:

https://maps.googleapis.com/maps/api/staticmap?center=0,0&zoom=1&size=100x100&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Peta Ekuator Kecil

Nilai skala

Parameter size Maps Static API menentukan ukuran peta dalam piksel, sehingga peta dengan size=200x200 akan ditampilkan sebagai 200 piksel kali 200 piksel. Pada monitor komputer LCD, yang biasanya menampilkan sekitar 100 piksel per inci (ppi), peta 200x200 akan berukuran sekitar 2 inci dalam setiap dimensinya.

Namun, perangkat seluler semakin banyak yang dilengkapi layar beresolusi tinggi dengan kepadatan piksel lebih dari 300 ppi, yang akan:

  • Mengurangi ukuran gambar 200x200 piksel menjadi hanya 0,7 inci, sehingga label dan ikon menjadi terlalu kecil untuk dibaca; atau
  • Menskalakan (zoom) gambar agar lebih mudah dibaca, yang mengakibatkan gambar menjadi kabur atau pecah.
Terlalu kecil Terlalu kabur

Saat mengembangkan untuk perangkat seluler, Anda dapat menggunakan parameter scale API untuk menampilkan gambar peta beresolusi lebih tinggi yang akan memecahkan masalah di atas. Nilai scale dikalikan dengan size untuk menentukan ukuran output sebenarnya dari gambar dalam piksel, tanpa mengubah area cakupan peta. Nilai scale default adalah 1; nilai yang diterima adalah 1 dan 2.

Misalnya, nilai skala 2 akan menampilkan area cakupan peta yang sama dengan permintaan tanpa menetapkan skala, tetapi dengan piksel dua kali lebih banyak dalam setiap dimensi. Ini mencakup jalan dan label, agar dapat dibaca pada layar ukuran kecil yang beresolusi tinggi, serta saat diskalakan oleh browser.

150x150 150x150&scale=2

Gambar seperti itu juga akan ditampilkan dengan baik pada browser desktop, jika disisipkan ke dalam tag img atau div dengan tinggi dan lebar yang ditetapkan menggunakan CSS. Browser akan mengecilkan gambar ke ukuran yang tepat, tanpa kehilangan kualitas.

Tabel ini menampilkan tiga permintaan gambar yang berbeda.

  • Yang pertama adalah untuk gambar 100x100, tanpa menetapkan nilai skala. Gambar ini ditampilkan dengan baik di desktop, tetapi terlalu kecil untuk dibaca di perangkat seluler.
  • Permintaan kedua menggandakan ukuran peta. Di desktop, CSS bisa dimasukkan dalam elemen img 100x100 yang ditetapkan, tetapi jika gambarnya dikecilkan, jalan dan label menjadi terlalu kecil. Di perangkat seluler, gambar sudah tepat ukurannya, tetapi sekali lagi, jalan dan label sulit dibaca.
  • Permintaan ketiga adalah untuk peta 100x100 dengan scale=2. Gambar ditampilkan dengan detail 200 px; desktop akan menurunkan skalanya dengan sempurna, sehingga tidak bisa dibedakan dari permintaan awal 100x100, sedangkan browser seluler diuntungkan dengan resolusi tambahan yang ditampilkan oleh API.
Permintaan gambar
Perangkat 100x100 200x200 100x100&scale=2
Desktop
(dengan height="100px" dan
width="100px" pada tag
img)
Resolusi Tinggi
(disimulasikan)

Untuk informasi selengkapnya tentang mengembangkan untuk seluler dan tampilan resolusi tinggi, bacaan berikut ini disarankan:

Format gambar

Gambar dapat ditampilkan dalam beberapa format grafis web umum: GIF, JPEG, dan PNG. Parameter format menggunakan salah satu nilai berikut:

  • png8 atau png (default) menentukan format PNG 8-bit.
  • png32 menentukan format PNG 32-bit.
  • gif menentukan format GIF.
  • jpg menentukan format kompresi JPEG.
  • jpg-baseline menentukan format kompresi JPEG non-progresif.

Contoh ini meminta peta dalam format gif dan png:

  https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&format=gif&zoom=14&size=400x400&key=YOUR_API_KEY&signature=YOUR_SIGNATURE
  https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&format=png&&zoom=14&size=400x400&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

jpg dan jpg-baseline biasanya memberikan ukuran gambar terkecil, meskipun hal itu dilakukan melalui kompresi "lossy" yang dapat menurunkan kualitas gambar. gif, png8, dan png32 memberikan kompresi lossless.

Sebagian besar gambar JPEG bersifat progresif, artinya gambar yang lebih kasar dimuat lebih awal dan resolusi gambar akan ditingkatkan sesuai banyaknya data yang masuk. Hal ini memungkinkan gambar dimuat dengan cepat di halaman web dan merupakan JPEG yang paling banyak digunakan saat ini. Namun, beberapa penggunaan JPEG memerlukan gambar (baseline) non-progresif. Dalam hal ini, Anda dapat menggunakan format jpg-baseline, yang non-progresif.

Jenis peta

Maps Static API membuat peta dalam beberapa format, seperti tercantum di bawah ini:

  • roadmap (default) menentukan gambar peta jalan standar, seperti yang biasanya ditampilkan di situs Google Maps. Jika tidak ada nilai maptype yang ditentukan, Maps Static API akan menayangkan ubin roadmap secara default.
  • satellite menentukan citra satelit.
  • terrain menentukan gambar peta relief fisik, yang menampilkan medan dan vegetasi.
  • hybrid menentukan gabungan gambar satelit dan peta jalan, yang menampilkan lapisan transparan untuk jalan-jalan utama dan nama-nama tempat pada citra satelit.

Anda dapat melihat perbedaan antara jenis peta jalan dan medan dalam contoh kode ini.

https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=12&size=400x400&maptype=roadmap&key=YOUR_API_KEY&signature=YOUR_SIGNATURE
https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=12&size=400x400&maptype=terrain&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Peta Normal Manhattan  Peta Medan Manhattan

Peta campuran menggunakan citra satelit dan fitur peta jalan yang menonjol untuk membuat peta kombinasi. Contoh berikut menampilkan jenis peta satelit dan hibrid:

https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=12&size=400x400&maptype=satellite&key=YOUR_API_KEY&signature=YOUR_SIGNATURE
https://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&zoom=12&size=400x400&maptype=hybrid&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Peta Satelit Manhattan  Peta Medan Manhattan

Peta bergaya

Menyesuaikan penyajian peta Google standar dengan menerapkan gaya Anda sendiri. Lihat panduan untuk peta bergaya.

Penanda

Parameter markers menentukan satu atau beberapa penanda (pin peta) di satu set lokasi. Setiap penanda yang ditentukan dalam satu deklarasi markers harus menunjukkan gaya visual yang sama; jika Anda ingin menampilkan penanda dengan gaya yang berbeda, Anda harus memberikan beberapa parameter markers dengan informasi gaya terpisah.

Parameter markers menggunakan kumpulan penetapan nilai (deskriptor penanda) dengan format berikut:

markers=markerStyles|markerLocation1| markerLocation2|... dll.

Kumpulan markerStyles dideklarasikan di awal deklarasi markers dan terdiri dari nol atau beberapa deskriptor gaya yang dipisahkan dengan karakter pipa (|), diikuti dengan kumpulan satu atau beberapa lokasi yang juga dipisahkan dengan karakter pipa (|).

Karena informasi gaya dan informasi lokasi dibatasi dengan karakter pipa, informasi gaya harus muncul terlebih dahulu dalam setiap deskriptor penanda. Setelah server Maps Static API menemukan lokasi di deskriptor penanda, semua parameter penanda lainnya juga dianggap sebagai lokasi.

Gaya penanda

Set deskriptor gaya penanda adalah serangkaian penetapan nilai yang dipisahkan dengan karakter pipa (|). Deskripsi gaya ini mendefinisikan atribut visual yang akan digunakan saat menampilkan penanda dalam deskripsi penanda ini. Deskripsi gaya ini berisi penetapan nilai/kunci berikut:

  • size: (opsional) menentukan ukuran penanda dari {tiny, mid, small} yang ditetapkan. Jika tidak ada parameter size yang ditetapkan, penanda akan muncul dalam ukuran default (normal).
  • color: (opsional) menentukan warna 24-bit (misalnya: color=0xFFFFCC) atau warna yang telah ditetapkan dari set {black, brown, green, purple, yellow, blue, gray, orange, red, white}.

    Perhatikan bahwa transparansi (ditetapkan menggunakan nilai warna heksadesimal 32-bit) tidak didukung dalam penanda, meskipun didukung untuk jalur.

  • label: (opsional) menentukan satu karakter alfanumerik huruf besar dari kumpulan {A-Z, 0-9}. (Persyaratan untuk karakter huruf besar adalah baru untuk versi API ini.) Perhatikan bahwa penanda default dan penanda berukuran mid adalah satu-satunya penanda yang mampu menampilkan parameter alphanumeric-character. Penanda tiny dan small tidak dapat menampilkan karakter alfanumerik.

Penskalaan penanda

Nilai scale dikalikan dengan ukuran gambar penanda untuk menghasilkan ukuran output penanda yang sebenarnya dalam piksel. Nilai skala default adalah 1; nilai yang diterima adalah 1, 2, dan 4.

Batas ukuran piksel pada gambar berlaku setelah penskalaan diterapkan. Misalnya, jika penanda disetel ke scale:2, penanda dapat lebih besar dari ukuran maksimum 4096 piksel, selama penanda dikurangi menjadi kurang dari 4096 piksel setelah penskalaan. Gunakan penskalaan penanda bersama dengan penskalaan peta saat menampilkan peta beresolusi lebih tinggi.

Lokasi penanda

Setiap deskriptor penanda harus berisi satu set yang berisi satu atau beberapa lokasi yang mendefinisikan posisi untuk menempatkan penanda pada peta. Lokasi ini dapat ditentukan sebagai nilai lintang/bujur atau sebagai addresses. Lokasi ini dipisahkan menggunakan karakter pipa (|).

Catatan: Jika Anda memilih untuk menentukan lokasi penanda menggunakan metode yang memerlukan geocoding, seperti string alamat atau polyline yang dapat dibaca manusia, permintaan tersebut dibatasi maksimal 15 penanda. Batas ini hanya berlaku untuk lokasi penanda yang memerlukan geocoding. Ini tidak berlaku untuk lokasi penanda yang ditetapkan dengan koordinat lintang/bujur.

Parameter lokasi menentukan lokasi penanda pada peta. Jika lokasinya di luar peta, penanda tersebut tidak akan muncul dalam gambar yang dibuat, asalkan parameter center dan zoom diberikan. Namun, jika parameter ini tidak diberikan, server Maps Static API akan otomatis membuat gambar yang berisi penanda yang diberikan. (Lihat Pemosisian implisit.)

Contoh deklarasi penanda ditampilkan di sini. Perhatikan bahwa kita menentukan satu set gaya dan tiga lokasi:

https://maps.googleapis.com/maps/api/staticmap?center=Williamsburg,Brooklyn,NY&zoom=13&size=400x400&
markers=color:blue%7Clabel:S%7C11211%7C11206%7C11222&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Tiga Kode ZIP Brooklyn

Untuk menentukan penanda dengan gaya yang berbeda, kita perlu memberikan beberapa parameter markers. Kumpulan parameter markers ini menentukan tiga penanda: satu penanda biru berlabel "S" di 62.107733, -145.5419, satu penanda hijau kecil di "Delta Junction, AK", dan satu penanda kuning ukuran sedang berlabel "C" di "Tok, AK". Penanda ini ditampilkan dalam contoh ini:

https://maps.googleapis.com/maps/api/staticmap?center=63.259591,-144.667969&zoom=6&size=400x400
&markers=color:blue%7Clabel:S%7C62.107733,-145.541936&markers=size:tiny%7Ccolor:green%7CDelta+Junction,AK
&markers=size:mid%7Ccolor:0xFFFF00%7Clabel:C%7CTok,AK"&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Tiga Kota di Alaska, Marker Berbeda

Ikon khusus

Daripada menggunakan ikon penanda Google, Anda bebas menggunakan ikon kustom Anda sendiri. Ikon kustom ditentukan menggunakan deskriptor icon dalam parameter markers. Contoh:

markers=icon:URLofIcon|markerLocation

Tentukan icon menggunakan URL (yang harus dikonversi ke URL). Anda dapat menggunakan URL yang dibuat oleh layanan pemendek URL seperti https://goo.gl. Sebagian besar layanan pemendek URL memiliki keunggulan berupa pengkodean URL secara otomatis.

Anda dapat menentukan titik anchor untuk ikon kustom. Titik anchor menetapkan cara ikon ditempatkan sehubungan dengan lokasi markers yang ditentukan. Secara default, titik anchor ikon kustom adalah bagian tengah bawah gambar ikon. Anda dapat menentukan titik anchor yang berbeda menggunakan deskripsi anchor bersama dengan icon. Tetapkan anchor sebagai titik x,y ikon (seperti 10,5), atau sebagai perataan yang telah ditentukan sebelumnya menggunakan salah satu nilai berikut: top, bottom, left, right, center, topleft, topright, bottomleft, atau bottomright. Contoh:

markers=anchor:bottomright|icon:URLofIcon|markerLocation1|markerLocation2

Anda dapat menggunakan hingga lima ikon kustom unik per permintaan. Batasan ini tidak berarti bahwa Anda hanya dapat menandai 5 lokasi di peta. Setiap ikon unik dapat digunakan dengan lebih dari satu lokasi markers di peta Anda.

Format ikon:

  • Gambar ikon dapat dalam format PNG, JPEG, atau GIF, meskipun yang disarankan adalah PNG.
  • Ukuran ikon dapat mencapai maksimum 4096 piksel (64x64 untuk gambar persegi).
Contoh ikon kustom

Contoh 1 membuat ikon kustom dan memosisikan ikon menggunakan anchor.

https://maps.googleapis.com/maps/api/staticmap?&size=600x400&style=visibility:on
&style=feature:water%7Celement:geometry%7Cvisibility:on
&style=feature:landscape%7Celement:geometry%7Cvisibility:on
&markers=anchor:32,10%7Cicon:https://goo.gl/5y3S82%7CCanberra+ACT
&markers=anchor:topleft%7Cicon:http://tinyurl.com/jrhlvu6%7CMelbourne+VIC
&markers=anchor:topright%7Cicon:https://goo.gl/1oTJ9Y%7CSydney+NSW&key=YOUR_API_KEY
&signature=YOUR_SIGNATURE

Tiga kota di Australia, ikon kustom yang berbeda diposisikan dengan anchor.

Contoh 2 membuat ikon kustom yang sama dengan contoh 1, tetapi tidak menetapkan posisi ikon menggunakan anchor, yang mengandalkan anchor default di tengah bawah.

https://maps.googleapis.com/maps/api/staticmap?&size=600x400&style=visibility:on
&style=feature:water%7Celement:geometry%7Cvisibility:on
&style=feature:landscape%7Celement:geometry%7Cvisibility:on
&markers=icon:https://goo.gl/5y3S82%7CCanberra+ACT
&markers=icon:http://tinyurl.com/jrhlvu6%7CMelbourne+VIC
&markers=icon:https://goo.gl/1oTJ9Y%7CSydney+NSW&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Tiga kota di Australia, ikon kustom yang berbeda dengan pemosisian default.

Jalur Maps Static API

Parameter path menentukan kumpulan satu atau beberapa lokasi yang terhubung oleh jalur untuk ditempatkan pada gambar peta. Parameter path mengambil kumpulan penetapan nilai (deskriptor jalur) dengan format berikut:

path=pathStyles|pathLocation1|pathLocation2|... dll.

Perhatikan bahwa kedua titik jalur dipisah menggunakan karakter pipa (|). Karena informasi gaya dan informasi titik dibatasi dengan karakter pipa, informasi gaya harus muncul terlebih dahulu dalam deskriptor jalur. Setelah server Maps Static API menemukan lokasi di deskriptor jalur, semua parameter jalur lainnya juga dianggap sebagai lokasi.

Gaya jalur

Set deskriptor gaya jalur adalah serangkaian penetapan nilai yang dipisahkan dengan karakter pipa (|). Deskripsi gaya ini menentukan atribut visual yang akan digunakan saat menampilkan jalur. Deskripsi gaya ini berisi penetapan nilai/kunci berikut:

  • weight: (opsional) menentukan ketebalan jalur dalam piksel. Jika tidak ada parameter weight yang ditetapkan, jalur akan muncul dengan ketebalan default (5 piksel).
  • color: (opsional) menentukan warna sebagai nilai heksadesimal 24-bit (contoh: color=0xFFFFCC) atau 32-bit (contoh: color=0xFFFFCCFF), atau dari kumpulan {black, brown, green, purple, yellow, blue, gray, orange, red, white}.

    Jika nilai heksadesimal 32-bit telah ditetapkan, dua karakter terakhir akan menentukan nilai transparansi alfa 8-bit. Nilai ini bervariasi antara 00 (sepenuhnya transparan) dan FF (sepenuhnya buram). Perhatikan bahwa transparansi didukung dalam jalur, meskipun tidak didukung untuk penanda.

  • fillcolor: (opsional) menunjukkan bahwa jalur menandai area poligonal dan menentukan warna pengisi yang akan digunakan sebagai overlay dalam area tersebut. Kumpulan lokasi berikutnya tidak perlu berupa loop "tertutup"; server Maps Static API akan otomatis menggabungkan titik pertama dan terakhir. Namun, perhatikan bahwa setiap goresan di bagian luar area yang diisi tidak akan ditutup kecuali jika Anda secara khusus memberikan lokasi awal dan akhir yang sama.
  • geodesic: (opsional) menunjukkan bahwa jalur yang diminta harus ditafsirkan sebagai garis geodesi yang mengikuti lengkungan bumi. Jika salah, jalur akan dirender sebagai garis lurus di ruang layar. Nilai defaultnya adalah false (salah).

Beberapa contoh definisi jalur:

  • Garis biru tipis, opasitas 50%: path=color:0x0000ff80|weight:1
  • Garis merah solid: path=color:0xff0000ff|weight:5
  • Garis putih tebal solid: path=color:0xffffffff|weight:10

Gaya jalur ini opsional. Jika menginginkan atribut default, Anda dapat melewati pendefinisian atribut jalur; dalam hal ini, "argumen" pertama deskriptor jalur akan terdiri dari titik pertama yang dideklarasikan (lokasi), sebagai gantinya.

Titik jalur

Untuk menggambar jalur, parameter path juga harus diteruskan dua titik atau lebih. Maps Static API kemudian akan menghubungkan jalur di sepanjang titik tersebut, dalam urutan yang ditetapkan. Setiap pathPoint ditunjukkan dalam pathDescriptor yang dipisahkan oleh karakter | (pipa).

Contoh berikut mendefinisikan jalur berwarna biru dengan opasitas default 50% dari Union Square NY ke Times Square, NY.

Jalur dari Union Sq ke Times Sq

Detail parameter path adalah:

path=color:0x0000ff|weight:5|40.737102,-73.990318|40.749825,-73.987963|40.752946,-73.987384|40.755823,-73.986397

Contoh berikut mendefinisikan jalur yang sama sebagai ganti mendefinisikan garis merah solid dengan opasitas 100%:

Jalur dari Union Sq ke Times Sq

Detail parameter path ini adalah:

path=color:0xff0000ff|weight:5|40.737102,-73.990318|40.749825,-73.987963|40.752946,-73.987384|40.755823,-73.986397

Contoh berikutnya menentukan area poligonal di Manhattan, yang melewati serangkaian persimpangan sebagai lokasi:

Jalur dari Union Sq ke Times Sq

Detail parameter path ini adalah:

path=color:0x00000000|weight:5|fillcolor:0xFFFF0033|8th+Avenue+%26+34th+St,New+York,NY|\
8th+Avenue+%26+42nd+St,New+York,NY|Park+Ave+%26+42nd+St,New+York,NY,NY|\
Park+Ave+%26+34th+St,New+York,NY,NY

Perhatikan bahwa kita menyetel jalur agar tak terlihat dan area poligonal agar memiliki opasitas 15%.

Polyline yang dienkode

Sebagai ganti serangkaian lokasi, Anda dapat mendeklarasikan jalur sebagai polyline yang dienkode dengan menggunakan awalan enc: dalam deklarasi lokasi path.

Contoh berikut menguraikan rute Alaska Highway dari Dawson Creek, BC ke Delta Junction, AK dengan polyline yang dienkode:

https://maps.googleapis.com/maps/api/staticmap
?size=400x400&center=59.900503,-135.478011&zoom=4
&path=weight:3%7Ccolor:orange%7Cenc:_fisIp~u%7CU%7D%7Ca@pytA_~b@hhCyhS~hResU%7C%7Cx@oig@rwg@amUfbjA%7Df%5BroaAynd@%7CvXxiAt%7BZwdUfbjAewYrqGchH~vXkqnAria@c_o@inc@k%7Bg@i%60%5Do%7CF%7DvXaj%5Ch%60%5Dovs@?yi_@rcAgtO%7Cj_AyaJren@nzQrst@zuYh%60%5Dv%7CGbldEuzd@%7C%7Cx@spD%7CtrAzwP%7Cd_@yiB~vXmlWhdPez%5C_%7BKm_%60@~re@ew%5ErcAeu_@zhyByjPrst@ttGren@aeNhoFemKrvdAuvVidPwbVr~j@or@f_z@ftHr%7BZlwBrvdAmtHrmT%7BrOt%7BZz%7DE%7Cc%7C@o%7CLpn~AgfRpxqBfoVz_iAocAhrVjr@rh~@jzKhjp@%60%60NrfQpcHrb%5Ek%7CDh_z@nwB%7Ckb@a%7BR%7Cyh@uyZ%7CllByuZpzw@wbd@rh~@%7C%7CFhqs@teTztrAupHhyY%7Dt%5Dhuf@e%7CFria@o%7DGfezAkdW%7C%7D%5BocMt_Neq@ren@e~Ika@pgE%7Ci%7CAfiQ%7C%60l@uoJrvdAgq@fppAsjGhg%60@%7ChQpg%7BAi_V%7C%7Cx@mkHhyYsdP%7CxeA~gF%7C%7D%5Bmv%60@t_NitSfjp@c%7DMhg%60@sbChyYq%7De@rwg@atFff%7D@ghN~zKybk@fl%7DA%7DcPftcAite@tmT__Lha@u~DrfQi%7DMhkSqyWivIumCria@ciO_tHifm@fl%7DA%7Brc@fbjAqvg@rrqAcjCf%7Ci@mqJtb%5Es%7C@fbjA%7BwDfs%60BmvEfqs@umWt_Nwn%5Epen@qiBr%60xAcvMr%7BZidg@dtjDkbM%7Cd_@
&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Alaska Highway

Sebagaimana jalur standar, jalur polyline yang dienkode juga dapat membatasi area poligonal jika argumen fillcolor diteruskan ke parameter path.

Contoh berikut menggambarkan bidang poligonal untuk Brooklyn, NY:

https://maps.googleapis.com/maps/api/staticmap
?size=400x400&center=40.653279,-73.959816&zoom=11
&path=fillcolor:0xAA000033%7Ccolor:0xFFFFFF00%7Cenc:%7DzswFtikbMjJzZ%7CRdPfZ%7DDxWvBjWpF~IvJnEvBrMvIvUpGtQpFhOQdKpz%40bIx%7BA%7CPfYlvApz%40bl%40tcAdTpGpVwQtX%7Di%40%7CGen%40lCeAda%40bjA%60q%40v%7D%40rfAbjA%7CEwBpbAd_%40he%40hDbu%40uIzWcWtZoTdImTdIwu%40tDaOXw_%40fc%40st%40~VgQ%7C%5BuPzNtA%60LlEvHiYyLs%5EnPhCpG%7DSzCNwHpz%40cEvXg%40bWdG%60%5DlL~MdTmEnCwJ%5BiJhOae%40nCm%5B%60Aq%5DqE_pAaNiyBuDurAuB%7D%7DAy%60%40%7CEKv_%40%3F%7C%5BqGji%40lAhYyH%60%40Xiw%40tBerAs%40q%5DjHohAYkSmW%3FaNoaAbR%7DLnPqNtMtIbRyRuDef%40eT_z%40mW_Nm%7CB~j%40zC~hAyUyJ_U%7BZ%3F%3FcPvg%40%7Ds%40sHsc%40_z%40cj%40kp%40YePoNyYyb%40_iAyb%40gBw%5EbOokArcA%7DGwJuzBre%40i%5Ctf%40sZnd%40oElb%40hStW%7B%5Dvv%40%3F%3Fkz%40~vAcj%40zKa%60Atf%40uQj_Aee%40pU_UrcA
&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Polyline Brooklyn yang Dienkode dengan tanda tangan

Tampilan yang Terlihat

Gambar dapat menentukan area tampilan dengan menentukan lokasi yang terlihat menggunakan parameter visible. Parameter visible menginstruksikan layanan Maps Static API untuk membuat peta sehingga lokasi yang ada tetap terlihat. (Parameter ini dapat digabungkan dengan penanda atau jalur yang ada untuk menentukan wilayah yang terlihat.) Mendefinisikan tampilan yang terlihat dengan cara ini akan meniadakan keharusan untuk menentukan tingkat zoom yang persis.

Contoh berikutnya meminta peta yang berpusat di Boston, MA, yang berisi MIT dan Harvard Square di Cambridge, MA:

https://maps.googleapis.com/maps/api/staticmap?center=Boston,MA
&visible=77+Massachusetts+Ave,Cambridge,MA%7CHarvard+Square,Cambridge,MA&size=512x512&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Peta Cambridge

Pemosisian implisit peta

Biasanya, Anda perlu menentukan parameter URL center dan zoom untuk menentukan lokasi dan tingkat zoom peta yang dihasilkan. Namun, jika Anda memberikan parameter markers, path, atau visible, Anda dapat membiarkan Maps Static API menentukan pusat dan tingkat zoom yang tepat secara implisit, berdasarkan evaluasi posisi elemen-elemen ini.

Jika memasok dua atau beberapa elemen, Maps Static API akan menentukan pusat dan tingkat zoom yang tepat, dengan menyediakan ruang yang banyak untuk elemen yang dimuat. Contoh ini menampilkan peta yang berisi San Francisco, Oakland, dan San Jose, CA:

https://maps.googleapis.com/maps/api/staticmap?size=512x512&maptype=roadmap\
&markers=size:mid%7Ccolor:red%7CSan+Francisco,CA%7COakland,CA%7CSan+Jose,CA&key=YOUR_API_KEY&signature=YOUR_SIGNATURE

Peta Jalan

Ukuran gambar yang lebih besar

Jika Anda memerlukan gambar dengan ukuran lebih besar dari 640x640 piksel (atau 1280x1280 piksel dengan nilai skala 2), hubungi tim dukungan dan berikan informasi berikut:

  1. Kasus penggunaan Anda dan alasan Anda memerlukan gambar berukuran besar.
  2. Apakah Anda mempertimbangkan untuk menggunakan API Google Maps Platform lainnya (Maps JavaScript API, Maps Embed API, Maps SDK for Android, atau Maps SDK for iOS) dan mengapa API tersebut tidak memenuhi kebutuhan Anda.
  3. Screenshot, tiruan, atau contoh cara Anda akan menggunakan gambar berukuran besar.
  4. Estimasi penggunaan bulanan Anda untuk gambar berukuran besar.

Kami akan meninjau permintaan Anda berdasarkan informasi yang Anda berikan dan menentukan apakah kasus penggunaan Anda mematuhi Persyaratan Layanan Google Maps Platform.

Ukuran maksimum yang dapat kami berikan adalah 2048 x 2048 piksel.

Pemecahan masalah dan dukungan

Untuk informasi selengkapnya tentang penggunaan Maps Static API, lihat halaman dukungan.

Maps Static API dapat menampilkan error atau peringatan saat terjadi suatu masalah. Anda harus memeriksa peringatan, khususnya jika Anda menemukan ada sesuatu yang hilang dari peta. Sebaiknya periksa juga peringatan sebelum meluncurkan aplikasi baru. Perhatikan bahwa peringatan mungkin tidak langsung terlihat karena muncul di header HTTP. Untuk informasi selengkapnya, lihat panduan untuk error dan peringatan.