Have a fun while searching

Wednesday, July 20, 2011

google map links

http://code.google.com/apis/maps/documentation/javascript/basics.html
http://code.google.com/apis/maps/documentation/javascript/tutorial.html
http://code.google.com/apis/maps/documentation/javascript/reference.html
--------------------------------------------------------------------------
> html>
> head>
> script type="text/javascript" src="http://www.google.com/jsapi">> /script>
> script type="text/javascript">
google.load("visualization", "1", {packages:["map"]});
google.setOnLoadCallback(drawMap);
function drawMap() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'Lat');
data.addColumn('number', 'Lon');
data.addColumn('string', 'Name');
data.addRows(5);
data.setCell(0, 0, 28.304381);
data.setCell(0, 1, 78.859863);
data.setCell(0, 2, 'Sanjay');
data.setCell(1, 0, 27.196014);
data.setCell(1, 1, 80.332031);
data.setCell(1, 2, 'University');
data.setCell(2, 0, 27.059126);
data.setCell(2, 1, 79.145508);
data.setCell(2, 2, 'Airport');
data.setCell(3, 0, 25.938287);
data.setCell(3, 1, 79.826660);
data.setCell(3, 2, 'Shopping');
data.setCell(4, 0, 26.224447);
data.setCell(4, 1, 78.167725);
data.setCell(4, 2, 'Gwalier');

var map = new google.visualization.Map(document.getElementById('map_div'));
map.draw(data, {showTip: true});
}
> /script>
> /head>

> body>
> div id="map_div" style="width: 400px; height: 300px">> /div>
> /body>
> /html>

0 comments:

Post a Comment