Monday, September 5, 2011

Google map using Javascript

To show the google map in our website using javascript, first we need to register Google map API and need to provide the API key in the below code.


<div id="map" style="width: 400px; height: 300px"></div>

<script type="text/javascript">
<script src="http://maps.google.com/maps?file=api&v=1&key=REGISTERED_API_KEY_HERE" type="text/javascript"></script>
var map = new GMap(document.getElementById("map")); var point = GPoint(17.0477624,80.0981869); var address = 'L.B.Nagar | Hyderabad'; var mark = createInfoMarker(point, address); map.addOverlay(mark); function createInfoMarker(point, address) { var marker = new GMarker(point); map.centerAndZoom(point, 3); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(address); } ); return marker; } </script>






No comments: