I'm new to the JavaScript world and having some trouble with my map styling. The map itself is displaying correctly, but the styles aren't being applied.
I keep getting an error message saying I have too much code and not enough context, so I'm adding this text to hopefully resolve it.
function initialize() {
var mapCanvas = document.getElementById('map-canvas');
var mapOptions = {
center: new google.maps.LatLng(34.695301,-82.401196),
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(mapCanvas, mapOptions)
}
google.maps.event.addDomListener(window, 'load', initialize);
[
{
"featureType": "landscape.natural",
"stylers": [
{ "color": "#2e2d2d" }
]
},{
"elementType": "labels.text.stroke",
"stylers": [
{ "visibility": "off" }
]
},{
"elementType": "labels.text.fill",
"stylers": [
{ "color": "#facf0b" }
]
},{
"featureType": "road.local",
"elementType": "labels.text.fill",
"stylers": [
{ "color": "#808080" }
]
},{
"featureType": "road.arterial",
"elementType": "labels",
"stylers": [
{ "color": "#808080" }
]
},{
}
]