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="test1"></div>
CSS
#map{
width: 450px;
height: 400px;
}
JavaScript
$(function() {
$("#test1").gmap3({
getroute:{
options:{
origin:"Halte Sudirman 3, Cijerah, Bandung Kulon, Bandung City, West Java 40213, Indonesia",
waypoints:[{location:"Halte Rajawali Barat, Jl. Rajawali Barat, Maleber, Andir, Bandung, Jawa Barat 40184, Indonesia", stopover:true},
{location:"Terminal Elang, Garuda, Andir, Bandung City, West Java, Indonesia", stopover:true},
{location:"Terminal Bayangan Holis, Cibuntu, Bandung Kulon, Bandung City, West Java, Indonesia", stopover:true},
{location:new google.maps.LatLng(-6.9319418,107.5765848), stopover:true},
{location:new google.maps.LatLng(-6.9433087,107.5851841), stopover:true},
{location:"Terminal Leuwi Panjang, Situsaeur, Bojongloa Kidul, Bandung City, West Java, Indonesia", stopover:true}
],
destination:[-6.935254,107.717831],
travelMode: google.maps.DirectionsTravelMode.DRIVING
},
callback: function(results){
if (!results) return;
$(this).gmap3({
map:{
options:{
zoom: 15,
center: [-33.879, 151.235]
}
},
trafficlayer:{
},
directionsrenderer:{
options:{
directions:results
}
}
});
}
}
});
});