function initMap() {
var texasLocation = { lat: 30.316790931952344, lng: -97.86534855985057 };
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 15, // Adjusted closer zoom level
center: texasLocation,
mapId: "d3772043204611e2", // Your Google Cloud Map ID
styles: [
{
"featureType": "administrative",
"elementType": "all",
"stylers": [{ "saturation": "-100" }]
},
{
"featureType": "administrative.province",
"elementType": "all",
"stylers": [{ "visibility": "off" }]
},
{
"featureType": "landscape",
"elementType": "all",
"stylers": [{ "saturation": -100 }, { "lightness": 65 }, { "visibility": "on" }]
},
{
"featureType": "poi",
"elementType": "all",
"stylers": [{ "saturation": -100 }, { "lightness": "50" }, { "visibility": "simplified" }]
},
{
"featureType": "road",
"elementType": "all",
"stylers": [{ "saturation": "-100" }]
},
{
"featureType": "road.highway",
"elementType": "all",
"stylers": [{ "visibility": "simplified" }]
},
{
"featureType": "road.arterial",
"elementType": "all",
"stylers": [{ "lightness": "30" }]
},
{
"featureType": "road.local",
"elementType": "all",
"stylers": [{ "lightness": "40" }]
},
{
"featureType": "transit",
"elementType": "all",
"stylers": [{ "saturation": -100 }, { "visibility": "simplified" }]
},
{
"featureType": "water",
"elementType": "geometry",
"stylers": [{ "hue": "#ffff00" }, { "lightness": -25 }, { "saturation": -97 }]
},
{
"featureType": "water",
"elementType": "labels",
"stylers": [{ "lightness": -25 }, { "saturation": -100 }]
}
]
});
new google.maps.Marker({
position: texasLocation,
map: map
});
}