/Prototipo/Servlet/web/PaginaMapaMenu.html

http://prototipomemoria.googlecode.com/ · HTML · 66 lines · 56 code · 6 blank · 4 comment · 0 complexity · 40d5298749bc4c326a63c67b55a6b402 MD5 · raw file 

    

  1. <!--
    2. 

  2. To change this template, choose Tools | Templates
    3. 

  3. and open the template in the editor.
    4. 

  4. -->
    5. 

  5. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    6. 

  6. <html>
    7. 

  7. 

  8.   <head>
    9. 

  9.     <title></title>
    10. 

  10.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    11. 

  11.   </head>
    12. 

  12.   <form action="/Servlet/Servletprueba">
    13. 

  13.          <input type="submit" name="confirmar"></input>
    14. 

  14.     </form>
    15. 

  15.   <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
    16. 

  16.   </script>
    17. 

  17.     <script type="text/javascript">
    18. 

  18.         function initialize() {
    19. 

  19.             var latlng = new google.maps.LatLng(41.875696,-87.624207);
    20. 

  20.             var myOptions =
    21. 

  21.                 {
    22. 

  22.                 zoom: 11,
    23. 

  23.                 center: latlng,
    24. 

  24.                 mapTypeId: google.maps.MapTypeId.SATELLITE
    25. 

  25.             };
    26. 

  26.             var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    27. 

  27.             var elKAMELE = new google.maps.KmlLayer('http://prototipomemoria.googlecode.com/files/UNKML.kml');
    28. 

  28.             elKAMELE.setMap(map);
    29. 

  29.            /* var marker = new google.maps.Marker({https://sites.google.com/site/kameleprototipo/kmlejemplo.kml
    30. 

  30.                position: latlng,
    31. 

  31.                map: map,
    32. 

  32.                title:"Hello World!"
    33. 

  33.             });*/
    34. 

  34.       //  map.getBounds().getSouthWest()
    35. 

  35. 

  36. 

  37. 

  38.         }
    39. 

  39.     </script>
    40. 

  40.   <body>
    41. 

  41.     <h1> KML </h1>
    42. 

  42.             <div id="map_canvas" style="width:50%; height:50%">
    43. 

  43. 

  44.             </div>
    45. 

  45.            <script type="text/javascript">
    46. 

  46.                 var latlng = new google.maps.LatLng(41.875696,-87.624207);
    47. 

  47.                 var myOptions =
    48. 

  48.                     {
    49. 

  49.                     zoom: 11,
    50. 

  50.                     center: latlng,
    51. 

  51.                     mapTypeId: google.maps.MapTypeId.ROADMAP
    52. 

  52.                 };
    53. 

  53.                 var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    54. 

  54.                 //var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    55. 

  55.                 /*var marker = new google.maps.Marker({
    56. 

  56.                        position: latlng,
    57. 

  57.                        map: map,
    58. 

  58.     https://sites.google.com/site/kameleprototipo/kmlejemplo.kml
    59. 

  59.                        title:"Hello World!"
    60. 

  60.                 });*/
    61. 

  61.                 var elKAMELE = new google.maps.KmlLayer('http://prototipomemoria.googlecode.com/files/UNKML.kml');
    62. 

  62.                 elKAMELE.setMap(map);
    63. 

  63.                 </script>
    64. 

  64. 

  65.   </body>
    66. 

  66. </html>
    67.