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
*{
margin:0;
padding:0;
}
.wrapper{
margin-top:10px;
border:solid 1px red;
position :relative;
width: 90%;
margin: 0px auto;
height:300px;
}
#map {
position :absolute;
top:0;
left:0;
bottom:0;
right:250px;
border: 1px solid;
}
.right {
position : absolute;
top:0;
right:0;
background: orange;
width: 250px;
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 = [];