정보실

웹학교

정보실

javascript Basic Google Map

본문

  1. ***** JAVASCRIPT EN EL HEAD *****
  2. // Conseguir la clave para el mapa en http://www.google.com/apis/maps/
  3. <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=AQUI VA LA CLAVE"></script>
  4.  
  5. <script type="text/javascript">
  6. //<![CDATA[
  7. window.onload = mapasGoogle;
  8. window.onunload= GUnload;
  9.  
  10. function mapasGoogle() {
  11. if (GBrowserIsCompatible()) {
  12. var map = new GMap2(document.getElementById("mapaGoogle"));
  13. map.setCenter(new GLatLng(42.8475, -2.6820), 15); //Defino las coordenadas y nivel de zoom
  14. map.setMapType(G_HYBRID_TYPE); //Defino el tipo de mapa: hibrido
  15. map.addControl(new GSmallMapControl()); //Activo controles de movimiento y zoom del mapa
  16. map.addControl(new GMapTypeControl()); //Activo controles de tipo de mapa
  17. map.openInfoWindowHtml(map.getCenter(),
  18. ("<img src='images/logo.png' width='20' height='20' style='float:left; margin-right:10px' alt='' /><em>Titulo</em> <br /> Lorem ipsum dolor sit amet"));
  19. }
  20. }
  21. //]]>
  22. </script>
  23.  
  24. ***** HTML *****
  25. <div id="mapaGoogle" style="width:500px; height:400px"></div>
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 29회 ]  작성일18-08-30 13:44

웹학교