<script type="text/javascript">
var map;
var data;
var flightPlanArray = [];
function initialize() {
var markers = JSON.parse('<%=ConvertDataTabletoString() %>');
alert(markers.length);
var mapOptions = {
center: new google.maps.LatLng(markers[0].Latitude, markers[0].Longitude),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP
// marker:true
};
var infoWindow = new google.maps.InfoWindow();
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
//drawing line
for (i = 0; i < markers.length; i++) {
data = markers[i]
alert(markers[i]);
var myLatlng = new google.maps.LatLng(data.Latitude, data.Longitude);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: data.title
});
setInterval("", 2000);
alert("after getting values frm db:" + myLatlng);
(function (marker, data) {
// Attaching a click event to the current marker
google.maps.event.addListener(marker, "click", function (e) {
//infoWindow.setContent(data.description);
// infoWindow.open(map, marker);
});
})(marker, data);
}
flightPlanArray.push(myLatLng);
alert(flightPlanArray.push(myLatLng));
drawFlightPlan(flightPlanArray);
/* Draw lines between all markers */
alert(" Draw");
function drawFlightPlan(flightPlanCoordinates) {
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
geodesic: true,
strokeColor: "#ad1700",
strokeOpacity: 1.0,
strokeWeight: 2
});
/* Bind the new flightPath to the map */
flightPath.setMap(map);
fitBounds(flightPlanCoordinates);
}
}