- <html>
- <head>
- <script src="js/maps.js" type="text/javascript"></script>
- <script type="text/javascript">
- function load() {
- if (GBrowserIsCompatible()) {
- var map = new GMap2(document.getElementById("map"));
- map.addControl(new GSmallMapControl());
- map.addControl(new GMapTypeControl());
- var center = new GLatLng(28.550610, 77.270856);
- map.setCenter(center, 14);
- map.setMapType(); //type declate map/satlite/hybrid
- geocoder = new GClientGeocoder();
- var marker = new GMarker(center);
- map.addOverlay(marker);
- document.getElementById("lat").value = center.lat();
- document.getElementById("lng").value = center.lng();
- geocoder = new GClientGeocoder();
- GEvent.addListener(marker, function() {
- var point = marker.getPoint();
- map.panTo(point);
- document.getElementById("lat").value = point.lat();
- document.getElementById("lng").value = point.lng();
- });
- GEvent.addListener(map, function() {
- map.clearOverlays();
- var center = map.getCenter();
- var marker = new GMarker(center);
- map.addOverlay(marker);
- document.getElementById("lat").value = center.lat();
- document.getElementById("lng").value = center.lng();
- GEvent.addListener(marker, function() {
- var point = marker.getPoint();
- map.panTo(point);
- document.getElementById("lat").value = point.lat();
- document.getElementById("lng").value = point.lng();
- });
- });
- }
- }
- function showAddress() {
- var num = document.forms["form1"]["address"].value;
- var map = new GMap2(document.getElementById("map"));
- map.addControl(new GSmallMapControl());
- map.addControl(new GMapTypeControl());
- if (geocoder) {
- geocoder.getLatLng(
- num,
- function(point) {
- if (!point) {
- alert(num + " city not found !");
- } else {
- document.getElementById("lat").value = point.lat();
- document.getElementById("lng").value = point.lng();
- map.clearOverlays()
- map.setCenter(point, 14);
- var marker = new GMarker(point);
- map.addOverlay(marker);
- GEvent.addListener(marker, function() {
- var pt = marker.getPoint();
- map.panTo(pt);
- document.getElementById("lat").value = pt.lat();
- document.getElementById("lng").value = pt.lng();
- });
- GEvent.addListener(map, function() {
- map.clearOverlays();
- var center = map.getCenter();
- var marker = new GMarker(center);
- map.addOverlay(marker);
- document.getElementById("lat").value = center.lat();
- document.getElementById("lng").value = center.lng();
- GEvent.addListener(marker, function() {
- var pt = marker.getPoint();
- map.panTo(pt);
- document.getElementById("lat").value = pt.lat();
- document.getElementById("lng").value = pt.lng();
- });
- });
- }
- }
- );
- }
- }
- </script>
- </head>
- <body onload="load()" onunload="GUnload()">
- <form id="form1" runat="server">
- <script type="text/javascript" language="JavaScript">
- <!--
- var message = "";
- function clickIE() { if (document.all) {
- (message); return false; } }
- function clickNS(e) {
- if (document.layers || (document.getElementById && !document.all)) {
- if (e.which == 2 || e.which == 3) {
- (message); return false; }
- }
- }
- if (document.layers) { document.captureEvents(Event.MOUSEDOWN);
- document.onmousedown = clickNS; } else { document.onmouseup = clickNS;
- document.oncontextmenu = clickIE; }
- document.oncontextmenu = new Function("return false")
- // -->
- </script>
- <div align="center" id="map" style="width: 674px; height: 300px;">
- </div>
- </form>
- </body>
- </html> >
Step 2: map.js file register
Join the conversation! Your thoughts help the community grow.