How can I create interactive maps using JavaScript?

How can I create interactive maps using JavaScript?

You can use libraries like Leaflet or Google Maps API to create interactive maps in JavaScript. Would you like a code example?

Yes, please provide a simple example using Leaflet.

Sure! Here's a basic example:

// Include Leaflet CSS and JS in your HTML
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>

<div id="map" style="height: 400px;"></div>
<script>
var map = L.map('map').setView([51.505, -0.09], 13);

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 19,
}).addTo(map);

L.marker([51.5, -0.09]).addTo(map)
    .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
    .openPopup();
</script>

This will create a simple map centered on London with a marker.

What other features can I add to the map?

You can add features like popups, markers, layers, and even custom icons. You can also integrate geolocation and draw shapes on the map.