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: 100%;
height: 400px;
}
JavaScript
var map;
var elevator;
var myOptions = {
zoom: 4,
center: new google.maps.LatLng(39.8282, -98.5795),
mapTypeId: 'roadmap'
};
map = new google.maps.Map($('#map')[0], myOptions);
new google.maps.Marker({
position: new google.maps.LatLng(44.5402, -114.6904),
map: map,
icon: 'http://google-maps-icons.googlecode.com/files/factory.png'
});
new google.maps.Marker({
position: new google.maps.LatLng(34.5402, -84.6904),
map: map,
icon: 'http://google-maps-icons.googlecode.com/files/factory.png'
});
new google.maps.Marker({
position: new google.maps.LatLng(39.5402, -81.6904),
map: map,
icon: 'http://google-maps-icons.googlecode.com/files/factory.png'
});
new google.maps.Marker({
position: new google.maps.LatLng(41.5402, -89.6904),
map: map,
icon: 'http://google-maps-icons.googlecode.com/files/factory.png'
});