Masukkan Koordinat Google Maps di Link HTML

Posted on

Google Maps adalah salah satu peta online yang paling populer dan sangat berguna yang memungkinkan Anda menemukan lokasi, mengeksplorasi wilayah, dan merencanakan perjalanan. Dengan segala keunggulannya tersebut, kita dapat dengan mudah melakukan akses digoogle maps. Dalam artikel ini, kita akan belajar cara sisipkan atau masukkan koordinat google maps di link HTML.

Masukkan Koordinat Google Maps di Link HTML


Buat Halaman HTML

Pertama, kita siapkan dulu HTML sederhana. Berikut adalah contoh kode HTML yang dapat kita gunakan sebagai awal:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Koordinat Google Maps</title>
</head>
<body>
    <!-- Tempat untuk menyisipkan tautan ke Google Maps -->
</body>
</html>


Menyisipkan Koordinat ke dalam Link

Untuk menyisipkan koordinat ke dalam tautan, kita dapat menggunakan elemen <a> HTML. Di dalam elemen <a>, kita perlu menambahkan atribut href dengan URL Google Maps yang mengandung koordinat yang ingin kita tampilkan.

Berikut adalah contoh kode HTML yang menunjukkan cara menyisipkan koordinat (4.1169682,96.2056724) ke dalam tautan:

<p>Klik <a href="https://www.google.com/maps?q=4.1169682,96.2056724" target="_blank">di sini</a> untuk membuka koordinat di Google Maps.</p>

Dalam kode di atas, kami menggunakan atribut href untuk menentukan URL Google Maps dengan koordinat yang sesuai. Atribut target="_blank" digunakan agar tautan dibuka dalam tab atau jendela baru.

Mari kita Cek

Koordinat Google Maps

Setelah kita menyisipkan tautan ke dalam halaman web, mari kita lihat kode diatas dengan Klik di sini untuk membuka koordinat di Google Maps.

Dengan mengikuti langkah-langkah di atas, kita dapat dengan mudah menyisipkan koordinat Google Maps ke dalam halaman web Anda dan memberikan pengalaman yang lebih baik kepada pengguna Anda dalam menemukan lokasi yang penting. Semoga artikel Masukkan Koordinat Google Maps di Link HTML ini bermanfaat!