Step 1: Javascript function not dragable google marker map
  1. <html>
  3. <head>
  4. <script src="js/maps.js" type="text/javascript"></script>
  5. <script type="text/javascript">
  6. function load() {
  7. if (GBrowserIsCompatible()) {
  8. var map = new GMap2(document.getElementById("map"));
  9. map.addControl(new GSmallMapControl());
  10. map.addControl(new GMapTypeControl());
  11. var center = new GLatLng(28.550610, 77.270856);
  12. map.setCenter(center, 14);
  13. map.setMapType(); //type declate map/satlite/hybrid
  14. geocoder = new GClientGeocoder();
  16. var marker = new GMarker(center);
  17. map.addOverlay(marker);
  18. document.getElementById("lat").value = center.lat();
  19. document.getElementById("lng").value = center.lng();
  20. geocoder = new GClientGeocoder();
  22. GEvent.addListener(marker, function() {
  23. var point = marker.getPoint();
  24. map.panTo(point);
  25. document.getElementById("lat").value = point.lat();
  26. document.getElementById("lng").value = point.lng();
  27. });
  29. GEvent.addListener(map, function() {
  30. map.clearOverlays();
  31. var center = map.getCenter();
  32. var marker = new GMarker(center);
  33. map.addOverlay(marker);
  34. document.getElementById("lat").value = center.lat();
  35. document.getElementById("lng").value = center.lng();
  37. GEvent.addListener(marker, function() {
  38. var point = marker.getPoint();
  39. map.panTo(point);
  40. document.getElementById("lat").value = point.lat();
  41. document.getElementById("lng").value = point.lng();
  42. });
  43. });
  44. }
  45. }
  47. function showAddress() {
  48. var num = document.forms["form1"]["address"].value;
  49. var map = new GMap2(document.getElementById("map"));
  50. map.addControl(new GSmallMapControl());
  51. map.addControl(new GMapTypeControl());
  52. if (geocoder) {
  53. geocoder.getLatLng(
  54. num,
  55. function(point) {
  56. if (!point) {
  57. alert(num + " city not found !");
  58. } else {
  59. document.getElementById("lat").value = point.lat();
  60. document.getElementById("lng").value = point.lng();
  61. map.clearOverlays()
  62. map.setCenter(point, 14);
  63. var marker = new GMarker(point);
  64. map.addOverlay(marker);
  66. GEvent.addListener(marker, function() {
  67. var pt = marker.getPoint();
  68. map.panTo(pt);
  69. document.getElementById("lat").value = pt.lat();
  70. document.getElementById("lng").value = pt.lng();
  71. });
  73. GEvent.addListener(map, function() {
  74. map.clearOverlays();
  75. var center = map.getCenter();
  76. var marker = new GMarker(center);
  77. map.addOverlay(marker);
  78. document.getElementById("lat").value = center.lat();
  79. document.getElementById("lng").value = center.lng();
  81. GEvent.addListener(marker, function() {
  82. var pt = marker.getPoint();
  83. map.panTo(pt);
  84. document.getElementById("lat").value = pt.lat();
  85. document.getElementById("lng").value = pt.lng();
  86. });
  87. });
  88. }
  89. }
  90. );
  91. }
  92. }
  93. </script>
  94. </head>
  96. <body onload="load()" onunload="GUnload()">
  97. <form id="form1" runat="server">
  98. <script type="text/javascript" language="JavaScript">
  99. <!--
  100. var message = "";
  102. function clickIE() { if (document.all) {
  103. (message); return false; } }
  105. function clickNS(e) {
  106. if (document.layers || (document.getElementById && !document.all)) {
  107. if (e.which == 2 || e.which == 3) {
  108. (message); return false; }
  109. }
  110. }
  111. if (document.layers) { document.captureEvents(Event.MOUSEDOWN);
  112. document.onmousedown = clickNS; } else { document.onmouseup = clickNS;
  113. document.oncontextmenu = clickIE; }
  114. document.oncontextmenu = new Function("return false")
  115. // -->
  116. </script>
  117. <div align="center" id="map" style="width: 674px; height: 300px;">
  118. </div>
  119. </form>
  120. </body>
  122. </html> >
Step 2: map.js file register
  1. <script src="js/maps.js" type="text/javascript"></script>
  2. function GScript(src) {
  3. document.write('<' + 'script src="' + src + '"' + ' type="text/javascript"><'
  5. +
  6. '/script>');
  7. }
  9. function GBrowserIsCompatible() {
  10. return true;
  11. }
  13. function GApiInit()
  15. {
  16. if (GApiInit.called) return;
  17. GApiInit.called = true;
  18. window.GAddMessages && GAddMessages({
  20. 160: '\x3cH1\x3eServer Error\x3c/H1\x3eThe server encountered a temporary error
  22. and could not complete your request.\x3cp\ x3ePlease
  23. try again in a minute or so.\x3c / p\ x3e ',
  25. 1415: '.',
  26. 1416: ',',
  27. 1547: 'mi',
  28. 1616: 'km',
  29. 4100: 'm',
  30. 4101: 'ft',
  31. 10018: 'Loading...',
  33. 10021: 'Zoom In',
  34. 10022: 'Zoom Out',
  35. 10024: 'Drag to zoom',
  36. 10029: 'Return to the
  38. last result ', 10049: '
  39. Map ', 10050: '
  40. Satellite ', 10093: '
  41. Terms of Use ', 10111: '
  42. Map ',
  44. 10112: 'Sat',
  45. 10116: 'Hybrid',
  46. 10117: 'Hyb',
  47. 10120: 'We are sorry, but we don\x27t
  49. have maps at this zoom level
  50. for this region.\x3cp\ x3eTry zooming out
  51. for a broader
  53. look.\x3c / p\ x3e ', 10121: '
  54. We are sorry,
  55. but we don\ x27t have imagery at this zoom
  57. level
  58. for this region.\x3cp\ x3eTry zooming out
  59. for a broader look.\x3c / p\ x3e ', 10507:
  61. 'Pan left',
  62. 10508: 'Pan right',
  63. 10509: 'Pan up',
  64. 10510: 'Pan down',
  65. 10511: 'Show
  67. street map ', 10512: '
  68. Show satellite imagery ', 10513: '
  69. Show imagery with street names ',
  71. 10806: 'Click to see this area on Google Maps',
  72. 10807: 'Traffic',
  73. 10808: 'Show Traffic',
  75. 10809: 'Hide Traffic',
  76. 12150: '%1$s on %2$s',
  77. 12151: '%1$s on %2$s at %3$s',
  78. 12152:
  80. '%1$s on %2$s between %3$s and %4$s',
  81. 10985: 'Zoom in',
  82. 10986: 'Zoom out',
  83. 11047:
  85. 'Center map here',
  86. 11089: '\x3ca href\x3d\x22javascript:void(0);\x22\x3eZoom In\x3c/a\x3e
  88. to see traffic
  89. for this region ', 11259: '
  90. Full - screen ', 11751: '
  91. Show street map with
  93. terrain ', 11752: '
  94. Style: ', 11757: '
  95. Change map style ', 11758: '
  96. Terrain ', 11759: '
  97. Ter ',
  99. 11794: 'Show labels',
  100. 11303: 'Street View Help',
  101. 11274: 'To use street view, you
  103. need Adobe Flash Player version % 1 $d or newer.
  104. ', 11382: '
  105. Get the latest Flash Player.
  106. ',
  108. 11314: 'We\x27re sorry, street view is currently unavailable due to high demand.\x3cbr\x3ePlease
  110. try again later!', 1559: '
  111. N ', 1560: '
  112. S ', 1561: '
  113. W ', 1562: '
  114. E ', 1608: '
  115. NW ', 1591:
  117. 'NE',
  118. 1605: 'SW',
  119. 1606: 'SE',
  120. 11907: 'This image is no longer available',
  121. 10041:
  123. 'Help',
  124. 12471: 'Current Location',
  125. 12492: 'Earth',
  126. 12823: 'Google has disabled usage
  128. of the Maps API
  129. for this application.See the Terms of Service
  130. for more information:
  132. %
  133. 1 $s.
  134. ', 12822: '
  135. http: //code.google.com/apis/maps/terms.html', 12915: 'Improve the
  137. map ', 12916: '
  138. Google,
  139. Europa Technologies ', 13171: '
  140. Hybrid 3 D ', 0: '
  141. ' }); } var
  143. GLoad;
  144. (function() {
  145. GLoad = function(apiCallback) {
  146. var callee = arguments.callee;
  148. GApiInit();
  149. var opts = {
  150. export_legacy_names: true,
  151. tile_override: [{
  152. maptype: 0,
  154. min_zoom: "7",
  155. max_zoom: "7",
  156. rect: [{
  157. lo: {
  158. lat_e7: 330000000,
  159. lng_e7: 1246050000
  161. },
  162. hi: {
  163. lat_e7: 386200000,
  164. lng_e7: 1293600000
  165. }
  166. }, {
  167. lo: {
  168. lat_e7: 366500000,
  169. lng_e7:
  171. 1297000000
  172. },
  173. hi: {
  174. lat_e7: 386200000,
  175. lng_e7: 1314843700
  176. }
  177. }],
  178. uris: ["http://mt0.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26",
  180. "http://mt1.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26", "http://mt2.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26",
  182. "http://mt3.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
  183. ]
  184. }, {
  185. maptype:
  187. 0,
  188. min_zoom: "8",
  189. max_zoom: "8",
  190. rect: [{
  191. lo: {
  192. lat_e7: 330000000,
  193. lng_e7: 1246050000
  195. },
  196. hi: {
  197. lat_e7: 386200000,
  198. lng_e7: 1279600000
  199. }
  200. }, {
  201. lo: {
  202. lat_e7: 345000000,
  203. lng_e7:
  205. 1279600000
  206. },
  207. hi: {
  208. lat_e7: 386200000,
  209. lng_e7: 1286700000
  210. }
  211. }, {
  212. lo: {
  213. lat_e7: 354690000,
  215. lng_e7: 1286700000
  216. },
  217. hi: {
  218. lat_e7: 386200000,
  219. lng_e7: 1314843700
  220. }
  221. }],
  222. uris: ["http://mt0.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26",
  224. "http://mt1.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26", "http://mt2.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26",
  226. "http://mt3.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
  227. ]
  228. }, {
  229. maptype:
  231. 0,
  232. min_zoom: "9",
  233. max_zoom: "9",
  234. rect: [{
  235. lo: {
  236. lat_e7: 330000000,
  237. lng_e7: 1246050000
  239. },
  240. hi: {
  241. lat_e7: 386200000,
  242. lng_e7: 1279600000
  243. }
  244. }, {
  245. lo: {
  246. lat_e7: 340000000,
  247. lng_e7:
  249. 1279600000
  250. },
  251. hi: {
  252. lat_e7: 386200000,
  253. lng_e7: 1286700000
  254. }
  255. }, {
  256. lo: {
  257. lat_e7: 348900000,
  259. lng_e7: 1286700000
  260. },
  261. hi: {
  262. lat_e7: 386200000,
  263. lng_e7: 1302000000
  264. }
  265. }, {
  266. lo: {
  267. lat_e7:
  269. 368300000,
  270. lng_e7: 1302000000
  271. },
  272. hi: {
  273. lat_e7: 386200000,
  274. lng_e7: 1314843700
  275. }
  276. }],
  278. uris: ["http://mt0.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26", "http://mt1.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26",
  280. "http://mt2.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26", "http://mt3.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
  281. ]
  283. }, {
  284. maptype: 0,
  285. min_zoom: "10",
  286. max_zoom: "19",
  287. rect: [{
  288. lo: {
  289. lat_e7: 329890840,
  291. lng_e7: 1246055600
  292. },
  293. hi: {
  294. lat_e7: 386930130,
  295. lng_e7: 1284960940
  296. }
  297. }, {
  298. lo: {
  299. lat_e7:
  301. 344646740,
  302. lng_e7: 1284960940
  303. },
  304. hi: {
  305. lat_e7: 386930130,
  306. lng_e7: 1288476560
  307. }
  308. },
  310. {
  311. lo: {
  312. lat_e7: 350277470,
  313. lng_e7: 1288476560
  314. },
  315. hi: {
  316. lat_e7: 386930130,
  317. lng_e7:
  319. 1310531620
  320. }
  321. }, {
  322. lo: {
  323. lat_e7: 370277730,
  324. lng_e7: 1310531620
  325. },
  326. hi: {
  327. lat_e7: 386930130,
  329. lng_e7: 1314843700
  330. }
  331. }
  332. ],
  333. uris: ["http://mt0.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26",
  335. "http://mt1.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26", "http://mt2.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26",
  337. "http://mt3.gmaptiles.co.kr/mt/v=kr1.17\x26hl=en\x26src=api\x26"
  338. ]
  339. }, {
  340. maptype:
  342. 3,
  343. min_zoom: "7",
  344. max_zoom: "7",
  345. rect: [{
  346. lo: {
  347. lat_e7: 330000000,
  348. lng_e7: 1246050000
  350. },
  351. hi: {
  352. lat_e7: 386200000,
  353. lng_e7: 1293600000
  354. }
  355. }, {
  356. lo: {
  357. lat_e7: 366500000,
  358. lng_e7:
  360. 1297000000
  361. },
  362. hi: {
  363. lat_e7: 386200000,
  364. lng_e7: 1314843700
  365. }
  366. }],
  367. uris: ["http://mt0.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26",
  369. "http://mt1.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26", "http://mt2.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26",
  371. "http://mt3.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
  372. ]
  373. }, {
  374. maptype:
  376. 3,
  377. min_zoom: "8",
  378. max_zoom: "8",
  379. rect: [{
  380. lo: {
  381. lat_e7: 330000000,
  382. lng_e7: 1246050000
  384. },
  385. hi: {
  386. lat_e7: 386200000,
  387. lng_e7: 1279600000
  388. }
  389. }, {
  390. lo: {
  391. lat_e7: 345000000,
  392. lng_e7:
  394. 1279600000
  395. },
  396. hi: {
  397. lat_e7: 386200000,
  398. lng_e7: 1286700000
  399. }
  400. }, {
  401. lo: {
  402. lat_e7: 354690000,
  404. lng_e7: 1286700000
  405. },
  406. hi: {
  407. lat_e7: 386200000,
  408. lng_e7: 1314843700
  409. }
  410. }],
  411. uris: ["http://mt0.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26",
  413. "http://mt1.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26", "http://mt2.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26",
  415. "http://mt3.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
  416. ]
  417. }, {
  418. maptype:
  420. 3,
  421. min_zoom: "9",
  422. max_zoom: "9",
  423. rect: [{
  424. lo: {
  425. lat_e7: 330000000,
  426. lng_e7: 1246050000
  428. },
  429. hi: {
  430. lat_e7: 386200000,
  431. lng_e7: 1279600000
  432. }
  433. }, {
  434. lo: {
  435. lat_e7: 340000000,
  436. lng_e7:
  438. 1279600000
  439. },
  440. hi: {
  441. lat_e7: 386200000,
  442. lng_e7: 1286700000
  443. }
  444. }, {
  445. lo: {
  446. lat_e7: 348900000,
  448. lng_e7: 1286700000
  449. },
  450. hi: {
  451. lat_e7: 386200000,
  452. lng_e7: 1302000000
  453. }
  454. }, {
  455. lo: {
  456. lat_e7:
  458. 368300000,
  459. lng_e7: 1302000000
  460. },
  461. hi: {
  462. lat_e7: 386200000,
  463. lng_e7: 1314843700
  464. }
  465. }],
  467. uris: ["http://mt0.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26", "http://mt1.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26",
  469. "http://mt2.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26", "http://mt3.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
  470. ]
  472. }, {
  473. maptype: 3,
  474. min_zoom: "10",
  475. rect: [{
  476. lo: {
  477. lat_e7: 329890840,
  478. lng_e7: 1246055600
  480. },
  481. hi: {
  482. lat_e7: 386930130,
  483. lng_e7: 1284960940
  484. }
  485. }, {
  486. lo: {
  487. lat_e7: 344646740,
  488. lng_e7:
  490. 1284960940
  491. },
  492. hi: {
  493. lat_e7: 386930130,
  494. lng_e7: 1288476560
  495. }
  496. }, {
  497. lo: {
  498. lat_e7: 350277470,
  500. lng_e7: 1288476560
  501. },
  502. hi: {
  503. lat_e7: 386930130,
  504. lng_e7: 1310531620
  505. }
  506. }, {
  507. lo: {
  508. lat_e7:
  510. 370277730,
  511. lng_e7: 1310531620
  512. },
  513. hi: {
  514. lat_e7: 386930130,
  515. lng_e7: 1314843700
  516. }
  517. }],
  519. uris: ["http://mt0.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26", "http://mt1.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26",
  521. "http://mt2.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26", "http://mt3.gmaptiles.co.kr/mt/v=kr1p.17\x26hl=en\x26src=api\x26"
  522. ]
  523. }],
  525. jsmain: "http://maps.gstatic.com/intl/en_ALL/mapfiles/400d/maps2.api/main.js",
  526. obliques_urls:
  528. ["http://khm0.googleapis.com/kh?v=64\x26src=app\x26", "http://khm1.googleapis.com/kh?v=64\x26src=app\x26"],
  530. token: "1590487805",
  531. jsmodule_base_url: "http://maps.gstatic.com/intl/en_ALL/mapfiles/400d/maps2.api",
  533. generic_tile_urls: ["http://mt0.googleapis.com/vt?hl=en\x26src=api\x26", "http://mt1.googleapis.com/vt?hl=en\x26src=api\x26"],
  535. ignore_auth: false,
  536. sv_host: "http://cbk0.google.com"
  537. };
  538. apiCallback(["http://mt0.googleapis.com/vt/lyrs\x3dm@196000000\x26hl\x3den\x26src\x3dapi\x26",
  540. "http://mt1.googleapis.com/vt/lyrs\x3dm@196000000\x26hl\x3den\x26src\x3dapi\x26"
  541. ],
  543. ["http://khm0.googleapis.com/kh/v\x3d120\x26src\x3dapp\x26", "http://khm1.googleapis.com/kh/v\x3d120\x26src\x3dapp\x26"],
  545. ["http://mt0.googleapis.com/vt/lyrs\x3dh@196000000\x26hl\x3den\x26src\x3dapi\x26",
  547. "http://mt1.googleapis.com/vt/lyrs\x3dh@196000000\x26hl\x3den\x26src\x3dapi\x26"
  548. ],
  550. "", "", "", true, "google.maps.", opts, ["http://mt0.googleapis.com/vt/lyrs\x3dt@129,r@196000000\x26hl\x3den\x26src\x3dapi\x26",
  552. "http://mt1.googleapis.com/vt/lyrs\x3dt@129,r@196000000\x26hl\x3den\x26src\x3dapi\x26"
  553. ]);
  555. if (!callee.called) {
  556. callee.called = true;
  557. }
  558. }
  559. })();
  561. function GUnload() {
  562. if (window.GUnloadApi)
  564. {
  565. GUnloadApi();
  566. }
  567. }
  568. var _mIsRtl = false;
  569. var _mHost = "http://maps.google.com";
  571. var _mUri = "/maps";
  572. var _mDomain = "google.com";
  573. var _mStaticPath = "http://maps.gstatic.com/intl/en_ALL/mapfiles/";
  575. var _mJavascriptVersion = G_API_VERSION = "400d";
  576. var _mTermsUrl = "http://www.google.com/intl/en_ALL/help/terms_maps.html";
  578. var _mLocalSearchUrl = "http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js";
  580. var _mHL = "en";
  581. var _mGL = "";
  582. var _mTrafficEnableApi = true;
  583. var _mTrafficTileServerUrls
  585. = ["http://mt0.google.com/mapstt", "http://mt1.google.com/mapstt", "http://mt2.google.com/mapstt",
  587. "http://mt3.google.com/mapstt"
  588. ];
  589. var _mCityblockLatestFlashUrl = "http://maps.google.com/local_url?dq=&q=http://www.adobe.com/shockwave/download/download.cgi%3FP1_Prod_Version%3DShockwaveFlash&s=ANYYN7nf7Bnil-2aQPpooGehMQSeRyv0Tg";
  591. var _mCityblockFrogLogUsage = false;
  592. var _mCityblockInfowindowLogUsage = false;
  594. var _mCityblockUseSsl = false;
  595. var _mSatelliteToken = "fzwq2gAgHBR1LnSaO7wjpXnSzu8CIc24-YDV_w";
  597. var _mMapCopy = "Map data \x26#169;2012 ";
  598. var _mSatelliteCopy = "Imagery \x26#169;2012
  600. "; var _mGoogleCopy = "\
  601. x26 #169;2012 Google"; var _mPreferMetric = false;
  602. var _mDirectionsEnableApi
  604. = true;
  605. var _mLayersTileBaseUrls = ['http://mt0.google.com/mapslt', 'http://mt1.google.com/mapslt',
  607. 'http://mt2.google.com/mapslt', 'http://mt3.google.com/mapslt'
  608. ];
  609. var _mLayersFeaturesBaseUrl
  611. = "http://mt0.google.com/vt/ft";
  613. function GLoadMapsScript() {
  614. if (!GLoadMapsScript.called
  616. &&
  617. GBrowserIsCompatible()) {
  618. GLoadMapsScript.called = true;
  619. GScript("http://maps.gstatic.com/intl/en_ALL/mapfiles/400d/maps2.api/main.js");
  621. }
  622. }(function() {
  623. if (!window.google) window.google = {};
  624. if (!window.google.maps)
  626. window.google.maps = {};
  627. var ns = window.google.maps;
  628. ns.BrowserIsCompatible = GBrowserIsCompatible;
  630. ns.Unload = GUnload;
  631. })();GLoadMapsScript();