Penanda atau Marker dapat berupa icon yang disematkan pada peta yang kita buat untuk menandakan lokasi-lokasi yang ingin ditampilkan kepada pengguna. Caranya sangat mudah, pada tulisan sebelumnya bagaimana cara menampilkan/membuat peta dapat dilihat pada tulisan berikut
https://mesinketik.com.desalompotengah.com/panduan-dasar-leaflet-js/
Bila kalian sudah dapat menampilkan peta, untuk menambahkan marker tidaklah sulit yaitu dengan membahkan kode L.marker([lt,ln]).addTo(map) dalam tag script, atau lihat script berikut
L.marker([-5.147665, 119.412732]).addTo(map);atau kalian dapat menyimpannya dalam sebuah variabel guna fleksibilitas pemakaian seperti
var marker = L.marker([-5.147665, 119.432732]);
marker.addTo(map);kode lengkapnya adalah sebagai barikut
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--include css-->
<link
rel="stylesheet"
href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css"
integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ=="
crossorigin=""/>
<style>
#map, body {
margin: 0 !important;
padding: 0 !important;
height: 100vh;
}
</style>
<!--include javascript-->
<script
src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js"
integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ=="
crossorigin=""></script>
<title>Leaflet Quick Start Guide</title>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map').setView([51.505, -0.09],13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '© OpenStreetMap'
}).addTo(map);
L.marker([-5.147665, 119.412732]).addTo(map);
var marker = L.marker([-5.147665, 119.432732]);
marker.addTo(map);
</script>
</body>
</html>