jQuery + google maps + Elevation
playing with google maps v3 events, jQuery, icons from http://google-maps-icons.googlecode.com
HTML
<script src="http://maps.google.com/maps/api/js?sensor=false&.js"></script>
<div id="map"></div>
CSS
#map {
width: 800px;
height: 600px;
}
JavaScript
window.onload = function () {
var latlng = new google.maps.LatLng(53.385873, -1.471471);
var styles = [
{
featureType: "water",
elementType: "all",
stylers: [
{ color: '#193a70' },
{ visibility: "on" }
]
},{
featureType: "road",
stylers: [
{ "visibility": "off" }
]
},{
featureType: "transit",
stylers: [
{ "visibility": "off" }
]
},{
featureType: "administrative",
stylers: [
{ "visibility": "off" }
]
}, {
featureType: "landscape",
elementType: "all",
stylers: [
{ "color": "#2c5ca5" }
]
},{
featureType: "poi",
stylers: [
{ "color": "#2c5ca5" }
]
},
{
elementType: "labels",
stylers: [
{ "visibility": "off" }
]
}
];
var myOptions = {
zoom: 5,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: true,
styles: styles
};
map = new google.maps.Map(document.getElementById('map'), myOptions);
}