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 class="wrapper">
<div id="map"></div>
<div class="right"></div>
</div>
CSS
.wrapper{
width: 90%;
margin: 0px auto;
}
#map {
height: 300px;
}
.right {
background: orange;
width: 250px;
float: right;
height: 300px;
}
JavaScript
var map;
var elevator;
var myOptions = {
zoom: 4,
center: new google.maps.LatLng(50, 10),
mapTypeId: 'terrain'
};
map = new google.maps.Map($('#map')[0], myOptions);
var markers = [];
/*
var containerWidth = jQuery('.wrapper').innerWidth();
var tableWidth = jQuery('.right').outerWidth();
jQuery('#gmap').width(containerWidth -tableWidth);
*/