Hi sir,
Below i wrote the code for, adding the route data(india) into google
map and show those details into map.
i wrote php script for generating kml file, its working fine when i
was trying with mymaps in google, but it is not working with my api
map.
can any one please help to me.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/
>
<title>Add Route</title>
<script
src="http://maps.google.com/maps?
file=api&v=2&sensor=true&key=ABQIAAAAbX5c_xOgi1Oyuvze35DsJhTrC5KDP_AfmCOqbnkDTfEMEzPPWhSaDk8rp1Tj6xtmKeARnBPdq79-9w"
type="text/javascript">
</script>
<script type="text/javascript">
var geostring="";
var marker;
var count=0;
var index=0;
var points=new Array();
var markers=new Array();
var distance=0;
var report= document.getElementById("status");
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"),
{draggableCursor: 'crosshair', draggingCursor: 'move'});
// Load initial map and a bunch of controls
map.setCenter(new GLatLng(8.558513,76.88198),14);
map.addControl(new GLargeMapControl()); // Zoom control
map.addControl(new GMenuMapTypeControl()); // Toggle between
map types
map.addControl(new GOverviewMapControl());//map overview
control
map.addControl(new GScaleControl());
map.enableScrollWheelZoom();
map.enableDoubleClickZoom();
map.enableContinuousZoom();
map.addMapType(G_PHYSICAL_MAP);
var geoXml = new GGeoXml('http://sites.google.com/site/
vehiclefleettrackingsystem/Home/r1.kml?attredirects=0');
map.addOverlay(geoXml);
GEvent.addListener(map, "click", function(overlay, latlng) {
if (latlng) {
count++;
marker = new GMarker(latlng, {draggable:true});
map.addOverlay(marker);
// marker.content=count;
markers.push(marker);
points.push(latlng);
geostring+=latlng.x+","+latlng.y+";";
if(markers.length>1){
var poly=new GPolyline(points,"#000000",2,1)
map.addOverlay(poly);
distance =distance+(poly.getLength()/1000);
// var unit = " km";
// report.innerHTML = "Total line length:<br> " +
distance.toFixed(3) + unit;
}
}
});
}
}
function saveData() {
var start_point = escape(document.getElementById
("start_point").value);
var end_point = escape(document.getElementById
("end_point").value);
var route_name = document.getElementById("route_name").value;
var geo_points = geostring;
var url = "addroute.php?start_point=" + start_point +
"&end_point=" + end_point +
"&geo_points=" + geo_points + "&route_name=" +
route_name +"&distance="+distance;
GDownloadUrl(url, function(data, responseCode) {
if (responseCode == 200 && data.length <= 1) {
// document.getElementById("message").innerHTML = "Route
added.";
alert("route added");
}
});
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<form type="text">
StartingPointName:<input type="text" id="start_point" />
EndingPointName:<input type="text" id="end_point"/>
RouteName:<input type="text" id="route_name">
<input type='button' value='Save' onclick='saveData()'/>
<!--input id="status" style="height:70px"/> -->
</form>
<table border=1>
<tr>
<td>
<div id="map_canvas" style="width: 800px; height:450px; border-width:
2px; border-style: solid; border-color: green "></div>
</td>
<td width = 150 valign="top" style="text-decoration:
underline; color: #4444ff;">
<div id="side_bar"></div>
</td>
</tr>
</table>
<div id="message"></div>
</body>
</html>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to Google-Maps-API@googlegroups.com
To unsubscribe from this group, send email to
google-maps-api+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
