Easy Google Maps: clase PHP para facilitar el uso de la API de Google Maps by webintenta

Fuente : http://webintenta.com/easy-google-maps-clase-php.html

asy Google Maps es una clase para PHP que, como su nombre indica facilita la inclusión de mapas a través de Google Maps en un sitio web. Lo primero que deberemos hacer, para poder utilizar la API de Google Maps es obtener una key o clave para el dominio en el que pensemos utilizar la API.

Una vez tenemos una key podemos invocar un mapa de un modo tan sencillo como:

  1. <?php
  2. require'EasyGoogleMap.class.php';
  3. $key ="XXXXXXXXXX";
  4. $gm = & new EasyGoogleMap($key);
  5. $gm->SetMapZoom(15);
  6. $gm->SetAddress("Colon 22, Valencia");
  7. $gm->SetInfoWindowText("Esta es la primera dirección");
  8. $gm->SetAddress("Periodista Azzati 7, Valencia");
  9. $gm->SetInfoWindowText("Esta es la segunda dirección");
  10. ?>
  11. <html>
  12. <head>
  13. <title>EasyGoogleMap</title>
  14. <?php echo $gm->GmapsKey(); ?>
  15. </head>
  16. <body>
  17. <?php echo $gm->MapHolder(); ?>
  18. <?php echo $gm->InitJs(); ?>
  19. <?php echo $gm->UnloadMap(); ?>
  20. </body>
  21. </html>

Donde “XXXXXXXXXX” es la key que acabamos de obtener.
Ver ejemplo en funcionamiento » »

Algunas de las propiedades que podemos establecer son las siguientes:

  1. //Para habilitar/deshabilitar el zoom progresivo.
  2. // De modo predeterminado deshabilitado (FALSE)
  3. $gm->mContinuousZoom = FALSE;
  4. //Para habilitar/deshabilitar La escala del mapa.
  5. // De modo predeterminado habilitado (TRUE)
  6. $gm->mScale = TRUE;
  7. //Para habilitar/deshabilitar el mapa interno.
  8. // De modo predeterminado deshabilitado (FALSE)
  9. $gm->mInset = FALSE;
  10. //Para habilitar/deshabilitar el tipo de mapa.
  11. // De modo predeterminado deshabilitado (FALSE)
  12. $gm->mMapType = FALSE; # default
  13. //Para establecer las dimensiones del mapa
  14. //De modo predeterminado 300px x 300px
  15. $gm->SetMapWidth(500);
  16. $gm->SetMapHeight(500);
  17. //Para establecer el zoom
  18. //De modo predeterminado 13
  19. $gm->SetMapZoom(10);
  20. //Para establecer el tipo de puntero
  21. // De modo predeterminado se utiliza GT_FLAT
  22. $gm->SetMarkerIconStyle('FLAG');
  23. $gm->SetMarkerIconStyle('GT_FLAT');
  24. $gm->SetMarkerIconStyle('GT_PILLOW');
  25. $gm->SetMarkerIconStyle('HOUSE');
  26. $gm->SetMarkerIconStyle('PIN');
  27. $gm->SetMarkerIconStyle('PUSH_PIN');
  28. $gm->SetMarkerIconStyle('STAR');
  29. //Para establecer el color del puntero
  30. // De modo predeterminado se utiliza PACIFICA
  31. $gm->SetMarkerIconColor('PACIFICA');
  32. $gm->SetMarkerIconColor('YOSEMITE');
  33. $gm->SetMarkerIconColor('MOAB');
  34. $gm->SetMarkerIconColor('GRANITE_PINE');
  35. $gm->SetMarkerIconColor('DESERT_SPICE');
  36. $gm->SetMarkerIconColor('CABO_SUNSET');
  37. $gm->SetMarkerIconColor('TAHITI_SEA');
  38. $gm->SetMarkerIconColor('POPPY');
  39. $gm->SetMarkerIconColor('NAUTICA');
  40. $gm->SetMarkerIconColor('DEEP_JUNGLE');
  41. $gm->SetMarkerIconColor('SLATE');
  42. //Establecer el texto del bocadillo informativo
  43. $gm->SetInfoWindowText("Este es el punto uno")
pre>
El uso es realmente sencillo. Lo unico que no me acababa de gustar es que apareciese el bocadillo de la primera dirección. Prefiero que aparezcan los bocadillos cuando el usuario hace click. Simplemente cogiendo la clase y comentando estas dos líneas ya lo tendremos,
if ($i===0)
$ret .= "marker.openInfoWindowHtml(address_$i.infowindowtext);\n";

Ver un segundo ejemplo en funcionamiento » »

Descargar ejemplo completo » »

Anuncios

3 comentarios sobre “Easy Google Maps: clase PHP para facilitar el uso de la API de Google Maps by webintenta

  1. Hola:
    Muy bueno el artículo.
    Me gustaría saber si sabes como editar el mensaje del globo y naturalmente como hacer que aparezca, porque en tu ejemplo no sale. También quisiera saber si hay alguna forma de que te muestre una foto del lugar.
    Ejemplo: Yo en google maps le he puesto mi dirección, número de la calle incluido y al lado del mapa me ha mostrado la foto de mi portal. Eso me parecería una caña.
    Saludos: Luis.

    1. Me contesto yo mismo porque no veo la opción de editar.
      He visto que en tu primer ejemplo si aparece el globo informativo, te pido disculpas por el error. Yo probé el segundo.
      La pregunta de la foto sigue en pie, la del globo, obviamente ya no.
      Saludos: Luis.

  2. Hola Luis

    Ante todo disculpa que te conteste tantisimo tiempo despues … supongo que ya habras dado con la solucion pero aun asi te comento

    Puedes poner foto en el bocadillo y lo que se te ocurra, en este ejemplo ponemos un textito pero el bocadillo soporta codigo HTML con lo que puedes hacer autenticas virguerias

    Un saludo y gracias por pasarte por aqui!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s