mapagoogle.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <html>
  2. <head>
  3. <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AIzaSyCxElj7e8OT-90nnhNPZk6dSyBXf5T3q-s"
  4. type="text/javascript"></script>
  5. <script src="jquery-1.8.3.min.js" type="text/javascript" ></script>
  6. <script type="text/javascript">
  7. var map = null;
  8. var geocoder = null;
  9. $(window).load(function () {
  10. if (GBrowserIsCompatible()) { // Abre LLAVE 2.
  11. map = new GMap2(document.getElementById("map"));
  12. map.setCenter(new GLatLng(-10.9755,-74.9757), 6);
  13. map.addControl(new GSmallMapControl());
  14. map.addControl(new GMapTypeControl());
  15. geocoder = new GClientGeocoder();
  16. //---------------------------------//
  17. // MARCADOR AL HACER CLICK
  18. GEvent.addListener(map, "click",
  19. function(marker, point) {
  20. if (marker) {
  21. null;
  22. } else {
  23. map.clearOverlays();
  24. var marcador = new GMarker(point);
  25. map.addOverlay(marcador);
  26. var latitude=document.getElementById("latitud");
  27. var longitude=document.getElementById("longitud");
  28. while(latitude.firstChild) {
  29. latitude.removeChild(latitude.firstChild);
  30. }
  31. latitude.appendChild(document.createTextNode(point.y));
  32. while(longitude.firstChild) {
  33. longitude.removeChild(longitude.firstChild);
  34. }
  35. longitude.appendChild(document.createTextNode(point.x));
  36. }
  37. }
  38. );
  39. //---------------------------------//
  40. // FIN MARCADOR AL HACER CLICK
  41. //---------------------------------//
  42. } // Cierra LLAVE 1.
  43. });
  44. </script>
  45. </head>
  46. <body >
  47. <div style="width: 350px; border-width: 1px; border-style: solid; border-color: #979797; padding:8px 8px 8px 8px;">
  48. <div id="map" style="width: 350px; height: 350px"></div></div>
  49. <div>Latitud:<span id="latitud"></span> </div>
  50. <div>Longitud:<span id="longitud"></span> </div>
  51. </body>
  52. </html>