CREATE & RESTRICTIONS MAPS JAVASCRIPT API ON GOOGLE CLOUD PLATFORMS (GCP) - API KEY CREDENTIAL | ILMU PROGRAMMER
Home » CREATE & RESTRICTIONS MAPS JAVASCRIPT API ON GOOGLE CLOUD PLATFORMS (GCP) – API KEY CREDENTIAL

CREATE & RESTRICTIONS MAPS JAVASCRIPT API ON GOOGLE CLOUD PLATFORMS (GCP) – API KEY CREDENTIAL

Hai, Maps JavaScript API memungkinkan Kita menyesuaikan Maps Google dengan konten dan citra Kita sendiri untuk ditampilkan di halaman web dan perangkat seluler. Maps JavaScript API menampilkan empat tipe peta dasar (roadmap, satellite, hybrid, and terrain) yang dapat Kita modifikasi menggunakan layers & styles, controls & events, dan various services & libraries.

Sebelum Kita mulai menggunakan Maps JavaScript API punyanya Google, Pastikan kita sudah membuat Project pada Google Cloud Platforms dengan akun billing dan Mengaktikan Maps JavaScript API.

ENABLE MAPS JAVASCRIPT API
ENABLE MAPS JAVASCRIPT API

MEMULAI MENGAKTIFKAN MAPS JAVASCRIPT API

[1] Masuk ke menu Google Maps Platform seperti gambar berikut ini

GOOGLE MAPS PLATFORMS
GOOGLE MAPS PLATFORMS


[2] Pilih Maps Javascript API, klik Enable dan tunggu sampai proses selesai

Klik Enable Maps Javascript API
Klik Enable Maps Javascript API

[3] Jika sudah selesai maka akan muncul halaman berikut ini

SUCCESS ENABLE MAPS JAVASCRIPT API
SUCCESS ENABLE MAPS JAVASCRIPT API

[4] Ok next, Langkah selanjutnya adalah memberikan akses / Credential, oleh karena itu pilih menu Credential kemudian pilih Create Credential

CREATE CREDENTIALS GOOGLE MAPS JAVASCRIPT API
CREATE CREDENTIALS GOOGLE MAPS JAVASCRIPT API

[5] Pilih API Keys, untuk menggunakan API Keys yang akan sisipkan pada script javascript

API KEY CREATE CREDENTIAL GOOGLE MAPS API
API KEY CREATE CREDENTIAL GOOGLE MAPS API

[6] Tunggu sampai proses selesai, sehingga API Key sukses tergenerate, lalu klik Restrict Key

API KEY CREATED
API KEY CREATED

[7] Pilih nama Credential / Restrict Name, kemudian pilih yang mau diberikan akses

Restrict And Rename API Key MAP Javascript
Restrict And Rename API Key MAP Javascript

[8] Gunakan HTTP Referrers / Website / Domain Name

APPLICATION RESTRICTIONS MAPS JAVASCRIPT API
APPLICATION RESTRICTIONS MAPS JAVASCRIPT API

[9] Pilih API restrictions ke Maps Javascript API, kemudian save

RESTRICTION KEY DAN SAVE
RESTRICTION KEY DAN SAVE

[10] Ok, Sampai disini sukses membuat Maps Javascript API beserta Credential & Restrictions Key nya

SUKSES CREATE MAPS JAVASCRIPT API DAN API KEYS RESTRICTIONS
SUKSES CREATE MAPS JAVASCRIPT API DAN API KEYS RESTRICTIONS

Demikian tutorial kali ini semoga bermanfaat.

 

Leave a Comment

 
Open chat
Perlu Bantuan Konsultasi ?
Hallo Pembaca.
Telp (021) 55670115 untuk terhubung langsung dengan kami.

Apakah ada yang bisa kami bantu?