}
border: 1px solid black;
margin: 40px auto;
height: 600px;
width: 80%;
#map-container {
/* Add some basic styling to our map */
function createCustomMap() {
// Create a new Google My Map
var map = new google.maps.Map(document.getElementById('map-container'), {
center: {lat: 37.7749, lng: -122.4194}, // San Francisco
zoom: 12, // Set the initial zoom level to 12
styles: [
{
"featureType": "water",
"drawOptions": {
"color": "#00ff00"
}
},
{
"featureType": "road",
"drawOptions": {
"color": "#999999"
}
}
]
});
}
// Call the function to create a custom map
createCustomMap();
https://www.google.com/maps/d/viewer?mid=1x0RNOoOPHgIVzUO4oKADkczR_3QTVNHD