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.
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
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!