Phoca Forum

Code: Select all

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

<?php 

$nume = 30;
$ancho =600;
$alto = 200;
$zoom = 3;
                
                //Make the sql query to obtain all the photos from the current category
		$db = &JFactory::getDBO();
		$consulta = "SELECT a.* FROM #__phocagallery AS a LEFT JOIN #__phocagallery_img_votes AS v ON a.id = v.imgid WHERE a.catid = ".array_shift(explode(':',$this->category->slug,2))." GROUP BY a.id";
		$db->setQuery($consulta);
		$row= $db->loadRowList();

		$cont=0;
		
                //Save all the names and construct the addres of each thumbnail small photo

		for($n=0;$n<$nume;$n++){
		
			//obtener posicion de la ultima / save the position of the last slash (/)
			$posicion = strrpos($row[$n][5], "/");//filename
			//echo $posicion;
			
			//direccion Imagen Completa
			$direccC[$cont]="http://".$_SERVER['HTTP_HOST']."/images/phocagallery/".$row[$n][5];
			
			//miniatura.

			$direcc[$cont]="http://".$_SERVER['HTTP_HOST'].'/images/phocagallery/'.substr($row[$n][5], 0,$posicion)."/thumbs/phoca_thumb_s_".substr($row[$n][5], $posicion+1);
			
			
			$direccM[$cont]="http://".$_SERVER['HTTP_HOST'].'/images/phocagallery/'.substr($row[$n][5], 0,$posicion)."/thumbs/phoca_thumb_m_".substr($row[$n][5], $posicion+1);
			
                       //Save the long, latitude, title and description of each photo.

			$long[$cont]=$row[$n][10];//longitud
			$lati[$cont]=$row[$n][9];//latitude
			$titulo[$cont]=$row[$n][3];//title
			$descrip[$cont]=$row[$n][6];//description
			
			$cont++;
	}
		
/*Initialize the google map whit some default values*/
?>	

<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(12.434431,-78.427738);
    var myOptions = {
      zoom: <?php echo $zoom;?>,
      center: latlng, disableDefaultUI: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
		

<?php
/*create some variable in javascript 30 by default but if the value $row[$i][5]="" don create, its means that only create variables whit a true value, so if the gallery have only 2 photos, will be create only 2 variables. */
 for ($i=0; $i<$nume; $i++)
  {
	  if($row[$i][5]!=""){
	?>	
  
  var image<?PHP echo $i?> = '<?PHP echo $direcc[$i]?>';
  var image<?PHP echo $i?>m = '<?PHP echo $direccM[$i]?>';
  
 
 <?php 
/*Check if the image have long and lat, if the image don´t have the code create aleatory validate values else the code recovery the original values, all this to create the marker.*/
	if($long[$i]==""){
	
	$aleatoriolati[$i]=rand(-89, 89);
	$aleatoriolong[$i]=rand(-179, 179);
	
	}
	else{
	$aleatoriolong[$i]=$long[$i];
	$aleatoriolati[$i]=$lati[$i];
	}
 }
 }

/*So this code create the marker variable in javascript code and check the same posibility of empty value, add a pop up window event whit some info of the same photo, and the listening to each marker*/
for ($i=0; $i<$nume; $i++)
  {
	   if($row[$i][5]!=""){
	?>		
 var latlng<?php echo $i; ?> = new google.maps.LatLng(<?php echo $aleatoriolati[$i];?>,<?php echo $aleatoriolong[$i];?>);
  	var marker<?php echo $i; ?>= new google.maps.Marker({
     position: latlng<?php echo $i; ?>, 
     map: map, 
     title:"<?php echo $titulo[$i]; ?>",
	 icon: image<?php echo $i; ?>
	 }); 
	 
	 var contentString<?php echo $i; ?> = '<div id="content">'+
    '<div id="siteNotice">'+
    '</div>'+
    '<div id="bodyContent">'+
    '<?php echo $descrip[$i]; ?>'+'<a href="#" onclick="window.open(\'<?php echo $direccC[$i]; ?>\',\'Nueva Ventana\',\'width=800, height=600\')"><img src="'+image<?php echo $i; ?>m+'" /></a>'+
    '</div>'+
    '</div>';

		
var infowindow<?php echo $i; ?> = new google.maps.InfoWindow({
    content: contentString<?php echo $i; ?>,
	maxWidth: 350
});
 
 google.maps.event.addListener(marker<?php echo $i; ?>, 'click', function() {
  infowindow<?php echo $i;?> .open(map,marker<?php echo $i; ?>);
});
 
<?php
 }}
?>	

	
	}
	 google.maps.event.addDomListener(window, 'load', initialize);

</script><div style="width:600px; height:300px" align="center" >
<div id="map_canvas" style="height:100%"></div></div>

Code: Select all

          $post['longitude']      = JRequest::getVar( 'lonbox', '', 'post', 'string', 0 );//agregado
          $post['latitude']      = JRequest::getVar( 'latbox', '', 'post', 'string', 0 );//agregado