Colocar puntos en google maps

De KumbiaPHP Framework Wiki
Saltar a: navegación, buscar

[editar] Colocar puntos en google maps

El partial (mapsSetPuntos.phtml) sirve para marcar varios puntos en el mapa.


[editar] Partial mapsSetPuntos.phtml

<?php $apiKey = "";?>
 
<style type="text/css">
.mimapa{width:500px;height:500px;}
</style>
 
<<div id="mimapa" class="mimapa"></div>
<script type="text/javascript">
	var mimapa;
	var gmarkers = new Array();
 
        function initialize(){
		if(GBrowserIsCompatible()){
                        //creamos un nuevo mapa
			mimapa = new GMap2(document.getElementById("mimapa"));
                        //establecemos cual es el centro del mapa
                        center = new GLatLng(<?php echo $centro['lat'];?>, <?php echo $centro['lng'];?>);
			mimapa.setCenter(center, <?php echo $centro['zoom'];?>);
                        //seleccionamos la interzaz del mapa
                        mimapa.setUIToDefault();
 
                        //por cada coordenada que se envie se crea un punto
                       <?php foreach ($puntos as $punto){?>
                           var point = new GLatLng(<?= $punto['lat']?>,<?= $punto['lng']?>);
                          mimapa.addOverlay(new GMarker(point));
                        <?php }?>
                 }
         }
</script>
 
<?php echo "<script type='text/javascript' src='http://maps.google.com/maps?file=api&;v=2&key=".$apiKey."&async=2&callback=initialize'></script>"; ?>

[editar] Uso del Partial

  1. <?php $centro=array('lat'=>'-24.79', 'lng'=>'-65.41', 'zoom'=>'14');?>
  2.  
  3. <?php $puntos=array(
  4. array('lat'=>'-24.79', 'lng'=>'-65.41'),
  5. array('lat'=>'-24.792', 'lng'=>'-65.416'),
  6. array('lat'=>'-24.785', 'lng'=>'-65.419')
  7. );?>
  8.  
  9. <?php View::partial('mapsSetPuntos', false, array('centro'=>$centro,'puntos'=>$puntos)); ?>

Ademas del punto del centro también debemos pasarle las coordenadas de los puntos que queremos que aparezcan en el mapa.

Autor: @sefsinalas Fuente: http://paraisolinux.com/2-partial-utiles-de-google-maps-para-kumbiaphp/


Setpuntos-297x300.png

Herramientas personales
Espacios de nombres

Variantes
Acciones
Navegación
Desarrollo
Categorías
Manual 1.0
KumbiaPHP Framework
Herramientas