Edición de «Como usar google maps en KumbiaPHP Framework»
De KumbiaPHP Framework Wiki
Advertencia: no has iniciado sesión. Tu dirección IP se hará pública si haces cualquier edición. Si inicias sesión o creas una cuenta, tus ediciones se atribuirán a tu nombre de usuario, además de otros beneficios.
Puedes deshacer la edición. Antes de deshacer la edición, comprueba la siguiente comparación para verificar que realmente es lo que quieres hacer, y entonces guarda los cambios para así efectuar la reversión.
Revisión actual | Tu texto | ||
Línea 1: | Línea 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Gracias al gigante Google podemos trabajar con mapas georeferenciados con vistas muy actualizadas de casi todas las ciudades del mundo. En esta seccion vamos a ver como usar los mapas de Google en nuestros proyectos mediante el [http://code.google.com/intl/es-ES/apis/maps/ API de GoogleMaps]. | Gracias al gigante Google podemos trabajar con mapas georeferenciados con vistas muy actualizadas de casi todas las ciudades del mundo. En esta seccion vamos a ver como usar los mapas de Google en nuestros proyectos mediante el [http://code.google.com/intl/es-ES/apis/maps/ API de GoogleMaps]. | ||
Línea 14: | Línea 8: | ||
== ¿Como empezar? == | == ¿Como empezar? == | ||
+ | |||
Estos son uno enlaces que recomiendan para familiarizarte con las funcionalidades del API de Maps: | Estos son uno enlaces que recomiendan para familiarizarte con las funcionalidades del API de Maps: | ||
− | + | [http://code.google.com/intl/es/apis/maps/documentation/index.html Conceptos sobre el API de Google Maps] | |
− | + | ||
− | + | [http://code.google.com/intl/es-ES/apis/maps/documentation/examples/ Ejemplos del API de Google Maps] | |
+ | |||
+ | [http://code.google.com/intl/es/apis/maps/documentation/reference.html Referencias para el API de Google Maps] | ||
+ | |||
== Usando GoogleMaps con KumbiaPHP Framework == | == Usando GoogleMaps con KumbiaPHP Framework == | ||
Línea 55: | Línea 53: | ||
* | * | ||
* Google Maps para aplicaciones KumbiaPHP | * Google Maps para aplicaciones KumbiaPHP | ||
− | |||
* | * | ||
* @category Kumbia | * @category Kumbia | ||
Línea 61: | Línea 58: | ||
* @copyright Copyright (c) 2005-2009 Kumbia Team (http://www.kumbiaphp.com) | * @copyright Copyright (c) 2005-2009 Kumbia Team (http://www.kumbiaphp.com) | ||
* @license http://wiki.kumbiaphp.com/Licencia New BSD License | * @license http://wiki.kumbiaphp.com/Licencia New BSD License | ||
− | * @author Juan Felipe Sarmiento Arias. JF | + | * @author Juan Felipe Sarmiento Arias. JF |
*/ | */ | ||
− | $ | + | $mapWidth = (isset($width))? $width:300; |
− | $ | + | $mapHeight = (isset($height))? $height:300; |
− | $ | + | $mapBorder = (isset($border))? $border:'1px solid #ccc'; |
− | |||
$apiKey = ""; | $apiKey = ""; | ||
− | + | $lat = 4.142427110849189; | |
− | + | $lng = -73.62702369689941; | |
− | + | $zoom = 14; | |
− | + | $mapType = 'G_SATELLITE_MAP'; | |
− | + | ||
− | <div id="mimapa" | + | |
− | + | echo '<div id="mimapa" style="width:',$mapWidth,'px;height:',$mapHeight,'px;border:',$mapBorder,'"></div>' | |
+ | ?> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
var mimapa; | var mimapa; | ||
var gmarkers = new Array(); | var gmarkers = new Array(); | ||
− | + | function initialize(){ | |
if(GBrowserIsCompatible()){ | if(GBrowserIsCompatible()){ | ||
mimapa = new GMap2(document.getElementById("mimapa")); | mimapa = new GMap2(document.getElementById("mimapa")); | ||
Línea 87: | Línea 84: | ||
}else{alert("Atencion:\nLo sentimos, tu navegador no es compatible con esta version de GoogleMaps.");} | }else{alert("Atencion:\nLo sentimos, tu navegador no es compatible con esta version de GoogleMaps.");} | ||
} | } | ||
− | + | function getMarker(id){ | |
− | |||
− | |||
GEvent.trigger(gmarkers[id],"click"); | GEvent.trigger(gmarkers[id],"click"); | ||
} | } | ||
− | + | function getMarkers(){ | |
− | + | GDownloadUrl("<?php echo $accion; ?>", function(data){ | |
− | GDownloadUrl(accion, function(data){ | ||
//alert(data); | //alert(data); | ||
mimapa.clearOverlays(); | mimapa.clearOverlays(); | ||
Línea 125: | Línea 119: | ||
</script> | </script> | ||
− | <script type="text/javascript" src="http://maps.google.com/maps?file=api&;v=2&key= | + | <?php echo '<script type="text/javascript" src="http://maps.google.com/maps?file=api&;v=2&key=',$apiKey,'&async=2&callback=initialize"></script>'?> |
</source> | </source> | ||
Línea 132: | Línea 126: | ||
<source lang=php> | <source lang=php> | ||
− | <?php View::partial('mapa', false, array(' | + | <?php View::partial('mapa', false, array('width'=>'500', 'height'=>'500')); ?> |
− | <a href="#" onclick="getMarkers( | + | <a href="#" onclick="getMarkers();">ver marcadores</a> |
</source> | </source> | ||
para este punto debemos tener un hermoso mapa en nuestra interfaz y un enlace para visualizar los marcadores. | para este punto debemos tener un hermoso mapa en nuestra interfaz y un enlace para visualizar los marcadores. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
== El Controlador == | == El Controlador == | ||
− | En nuestro controlador tendremos una accion llamada | + | En nuestro controlador tendremos una accion llamada getMarkers para realizar la consulta de marcadores que tengamos almacenados en nuestra BD |
<source lang=php> | <source lang=php> | ||
− | function | + | function getMarkers(){ |
$this->result = $this->Points->find(); | $this->result = $this->Points->find(); | ||
} | } | ||
Línea 213: | Línea 197: | ||
[[Categoría:Tutoriales KumbiaPHP]] | [[Categoría:Tutoriales KumbiaPHP]] | ||
− | |||
− | |||
− |