google map polyline

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;language=id" type="text/javascript">
</script>
<script type="text/javascript">
var geocoder = new google.maps.Geocoder();

function initialize() {
  var latLng = new google.maps.LatLng(-7.540388743904892, 110.44494428789062);// masukin titik awal koordinatnya
  var map = new google.maps.Map(document.getElementById('mapCanvas'), {
    zoom: 11,
    center: latLng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  var marker = new google.maps.Marker({
    position: latLng,
    title: 'Puncak Gunung Merapi',
    map: map,
    draggable: true
  });
  var aliranLavaCoordinates = [
    //bagian sini masukin fetch array dari db
        new google.maps.LatLng(-7.540388743904892, 110.44494428789062),//bagian awal titik utamanya
        new google.maps.LatLng(-7.553321999015879, 110.45661726152343),//dari sini masukin titik selanjutnya
        new google.maps.LatLng(-7.56285151827589, 110.45318403398437),
        new google.maps.LatLng(-7.579187347294768, 110.45867719804687),
        new google.maps.LatLng(-7.588716294788372, 110.46897688066406),
        new google.maps.LatLng(-7.603689928463787, 110.4710368171875),
        new google.maps.LatLng(-7.633635627699367, 110.49232282792968)//akhir dari titik
    ];
    var aliranLava = new google.maps.Polyline({
      path: aliranLavaCoordinates,
      strokeColor: "#0000FF",
      strokeOpacity: 0.5,
      strokeWeight: 10
    });

   aliranLava.setMap(map);
}

// Onload handler to fire off the app.
google.maps.event.addDomListener(window, 'load', initialize);

</script>

<style>
  #mapCanvas {
    width: 500px;
    height: 300px;
    float: left;
  }
</style>

<br />
<div id="mapCanvas">
</div>