<!DOCTYPE html>
<html>
<head>
<style>
#map {
width: 100%;
height: 400px;
border-radius: 4px;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initMap() {
// Replace these coordinates with your desired location
const location = { lat: 40.7128, lng: -74.0060 }; // Example: New York City
const map = new google.maps.Map(document.getElementById("map"), {
zoom: 14,
center: location,
mapTypeControl: true,
streetViewControl: true,
fullscreenControl: true
});
// Add a marker
const marker = new google.maps.Marker({
position: location,
map: map,
title: "Your Location Name"
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBuStBIObIE41LMSupHn75HCcFrjxSWiBI&callback=initMap">
</script>
</body>
</html>