Google Maps Styling + Marker Animation
My response to a question on StackOverflow -- http://stackoverflow.com/questions/4501695/why-do-custom-styled-google-maps-v3-not-support-marker-animation-pin-drop/4502752#4502752
by guna_sekaran
HTML
<div id="wrapper">
<div id="map_canvas"></div>
</div>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
CSS
#wrapper { width: 700px; margin: 0 auto }
#map_canvas { height: 700px; width: 700px }
JavaScript
function initialize() {
var stylez = [{
"elementType": "geometry",
"stylers": [{
"color": "#3e3e3e"
}]
},
{
"elementType": "geometry.stroke",
"stylers": [{
"visibility": "off"
}]
},
{
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
},
{
"elementType": "labels.text",
"stylers": [{
"color": "#808080"
},
{
"visibility": "on"
}
]
},
{
"elementType": "labels.text.stroke",
"stylers": [{
"visibility": "off"
}]
},
{
"featureType": "administrative.land_parcel",
"stylers": [{
"visibility": "off"
}]
},
{
"featureType": "landscape.man_made",
"elementType": "geometry.fill",
"stylers": [{
"color": "#3e3e3e"
}]
},
{
"featureType": "landscape.man_made",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#808080"
},
{
"visibility": "on"
}
]
},
{
"featureType": "landscape.natural",
"elementType": "geometry.fill",
"stylers": [{
"color": "#4d583c"
}]
},
{
"featureType": "landscape.natural.terrain",
"elementType": "geometry.fill",
"stylers": [{
"color": "#404633"
},
{
"visibility": "on"
}
]
},
{
"featureType": "poi",
"stylers": [{
"visibility": "on"
}]
},
{
"featureType": "poi",
"elementType": "geometry.fill",
"stylers": [{
"visibility": "off"
}]
},
{
"featureType": "poi",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#808080"
},
{
"visibility": "on"
}
]
},
{
"featureType": "poi.park",
"elementType": "geometry.fill",
"stylers": [{
"color": "#495338"
},
{
"visibility": "on"
}
]
},
{
"featureType": "poi.sports_complex",
"elementType": "geometry.fill",
"stylers": [{
"color": "#536041"
},
{
"visibility": "on"
}
]
},
{
"featureType": "road",
"elementType": "geometry.fill",
"stylers": [{
"color": "#363636"
}]
},
{
"featureType": "road.arterial",
"elementType":...