Compare commits
130 Commits
Author | SHA1 | Date |
---|---|---|
humano | 6b92090fc0 | |
humano | 4ec768931a | |
humano | 87e4c4a0b4 | |
humano | 5d1ae839a8 | |
humano | 8561f28a32 | |
humano | acc8d873d3 | |
humano | 67cf402bd9 | |
humano | 7020a67d66 | |
humano | 9f37954e5a | |
humano | d7c4ebb612 | |
humano | 8b12f2d146 | |
humano | 6c4de5619b | |
humano | 4715d6d8d8 | |
humano | 16849503a4 | |
humano | 4a0f7d8ff4 | |
humano | 06cc7f8271 | |
humano | c44222c3cf | |
humano | 1c32752658 | |
humano | d3bc62fce2 | |
humano | 3f489b76b8 | |
humano | 13e4bbffa6 | |
humano | d6f9bcc0cb | |
humano | b31ac5df77 | |
humano | 492051659e | |
humano | 474d969d88 | |
humano | 3fdf4b9961 | |
humano | ed33f53395 | |
humano | b8521821d0 | |
humano | 3bcf149ea8 | |
humano | 4870cebf32 | |
humano | 9bd6d3a06c | |
humano | 8a13fc6683 | |
humano | 6f0e8ad241 | |
humano | 17470eb41a | |
humano | 1721573c8e | |
humano | ec12802c47 | |
humano | ff30e13ea5 | |
humano | 2b8ff8965f | |
humano | 6a30db9fc4 | |
humano | a387cea202 | |
humano | 553f3a5167 | |
humano | 597a5ce6a1 | |
humano | 01df026a5b | |
humano | 856e5cf038 | |
humano | 589a5f3922 | |
kleper | 6d032d4495 | |
Hacky Purple | 3ba85d859b | |
Hacky Purple | 9f813436bc | |
humano | 307bc9bc88 | |
humano | ec812e6f85 | |
humano | dffdf68607 | |
humano | 4cfa6f9d6c | |
humano | 01994f9f7a | |
humano | 151092b32e | |
humano | 97ac05a025 | |
humano | 1985c80114 | |
humano | 1113c67e1e | |
humano | 37c952c892 | |
humano | 7ca8891398 | |
humano | febc03b683 | |
humano | 5034fb2af5 | |
humano | 59c81ac5b1 | |
humano | 710efa5be8 | |
humano | 1af3a673e5 | |
humano | 4d0ed8511e | |
humano | 9ec3b5609b | |
humano | 2a1a1d1428 | |
humano | 2701b0efd4 | |
humano | dee4031570 | |
humano | 53b34a046c | |
humano | 86b476631e | |
humano | b2896adc7b | |
humano | 3b1b2b47f5 | |
humano | 8ad5eac234 | |
humano | c9c1a014d5 | |
humano | d2a4ae1ece | |
humano | c5d8f1db94 | |
humano | f6c26756eb | |
humano | c06a297972 | |
humano | 4298759904 | |
humano | aae4b6c4df | |
humano | 7b74d8fab3 | |
humano | 39ec69ab58 | |
humano | ed595d22a1 | |
humano | 5d75d1895b | |
humano | 40f9839827 | |
humano | cd8c546e0a | |
humano | 6d3cc120e0 | |
humano | 52e2d10819 | |
humano | 5feba8ef5b | |
humano | def22a720b | |
humano | 53a8d6e007 | |
humano | 8324bff480 | |
humano | 804d25ddfa | |
humano | 6f94c6395a | |
humano | 0f5d0e20d8 | |
humano | 219798d120 | |
humano | 28d6b52707 | |
humano | db85b417a2 | |
humano | bc69500c72 | |
humano | e2744553a7 | |
humano | 80aade376a | |
humano | 92d5277364 | |
humano | 0bcdcf4ed6 | |
humano | 85c518bedb | |
humano | ab4676c2b6 | |
humano | 80f29c7379 | |
humano | 0dec640d08 | |
humano | cb830a0f7c | |
humano | 6c47a5da23 | |
humano | 4cad68cc3a | |
humano | f64dc5a581 | |
humano | 5011071c50 | |
humano | a6389941f2 | |
humano | 57b15be226 | |
humano | 8508543081 | |
humano | 0ba0fdbdb6 | |
humano | 5c26be6718 | |
humano | 7015b4c2d2 | |
humano | ceeeb607a1 | |
humano | 275cd29b74 | |
humano | 73beb9f1b7 | |
humano | 7fa0c78fd5 | |
humano | abea5a66d8 | |
humano | 5c70d84462 | |
humano | 899df0a163 | |
humano | 5200902fd4 | |
humano | adc9b0532b | |
humano | ea815bc505 | |
humano | d38325ee0f |
|
@ -1,3 +0,0 @@
|
|||
# Milfs V4
|
||||
Rama v4 de Milfs.
|
||||
Se fusiona directamente al master
|
6
api.php
6
api.php
|
@ -1,6 +1,6 @@
|
|||
<?php
|
||||
session_start();
|
||||
ini_set('display_errors', 'On');
|
||||
//session_start();
|
||||
//ini_set('display_errors', 'On');
|
||||
|
||||
require ('xajax/xajax.inc.php');
|
||||
$xajax = new xajax();
|
||||
|
@ -44,6 +44,8 @@ if(isset($_REQUEST['formato'])){
|
|||
}else{
|
||||
header('Content-Type: application/json');
|
||||
//echo "hola /// $_REQUEST[id] // " ;
|
||||
|
||||
//echo " <pre>".print_r($datos)."</pre>";
|
||||
echo json($datos);
|
||||
}
|
||||
?>
|
||||
|
|
|
@ -0,0 +1,83 @@
|
|||
body { margin:0; padding:0; overflow:hidden; touch-action:none; }
|
||||
#map { position:absolute; top:0; bottom:0; width:100%; overflow:hidden; }
|
||||
p {font-size: 14px;}
|
||||
|
||||
#sidebar {
|
||||
z-index: 10; position: absolute; right: 10px; top: 10px; width: 320px;
|
||||
background-color:rgba(255,255,255,.9); padding: 20px; border-radius: 3px; }
|
||||
#title h1 { color: #390; }
|
||||
#introduction p { margin-bottom: 10px; line-height: 1.5em }
|
||||
|
||||
#taxas>div { display: inline-block; }
|
||||
#taxas p { text-align: center; }
|
||||
.button {
|
||||
background-color: #fff; background-size:cover;
|
||||
border-radius: 5px; border: #390 1px solid; height:48px; width: 48px;
|
||||
margin: 4px; margin-left: 8px;
|
||||
}
|
||||
.button.active { border:color:#390; }
|
||||
.button:hover { border-color: #390; }
|
||||
|
||||
.button#Plantae { background-image: url('img/icon0_plantae.png') }
|
||||
.button#Aves { background-image: url('img/icon0_aves.png') }
|
||||
.button#Insecta { background-image: url('img/icon0_insecta.png') }
|
||||
.button#Fungi { background-image: url('img/icon0_fungi.png') }
|
||||
|
||||
.button#Plantae.active { background-image: url('img/icon1_plantae.png') }
|
||||
.button#Aves.active { background-image: url('img/icon1_aves.png') }
|
||||
.button#Insecta.active { background-image: url('img/icon1_insecta.png') }
|
||||
.button#Fungi.active { background-image: url('img/icon1_fungi.png') }
|
||||
|
||||
.button#Plantae:hover { background-image: url('img/icon1_plantae.png') }
|
||||
.button#Aves:hover { background-image: url('img/icon1_aves.png') }
|
||||
.button#Insecta:hover { background-image: url('img/icon1_insecta.png') }
|
||||
.button#Fungi:hover { background-image: url('img/icon1_fungi.png') }
|
||||
|
||||
.marker {
|
||||
border: #fff 1.4px solid; border-radius: 50%; cursor: pointer; box-shadow: 1px 1px 1px;
|
||||
height: 48px; width: 48px; margin: -24px 0 0 -24px;
|
||||
background-size: cover; }
|
||||
.marker:hover { z-index: 1; border-color: #390; }
|
||||
.marker.sm {
|
||||
background-color: none; border-width: 0; box-shadow: 0 0 0;
|
||||
height: 32px; width: 32px; margin-left: -16px; margin-top:-16px;}
|
||||
.marker.sm:hover { border: #fff 1px solid; }
|
||||
|
||||
#me { height: 16px; width: 16px; background-size: 100% 100%; }
|
||||
|
||||
.mapboxgl-ctrl-geocoder { z-index: 0; }
|
||||
|
||||
.mapboxgl-popup { width: 280px; }
|
||||
.mapboxgl-popup-close-button { background-color: rgba(255,255,255,.9); height: 30px; width: 30px; font-size: 18px; padding:2px; border-radius: 1px;}
|
||||
.mapboxgl-popup p { font-size: 12px; line-height: 16px; margin-top:6px;}
|
||||
.img-md { height: 260px; width:260px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
|
||||
|
||||
.loading { display:none; }
|
||||
|
||||
@media only screen and (max-width: 479px) {
|
||||
|
||||
.mobile-hide{ display: none; }
|
||||
.mobile-show{ display: inline-block !important; }
|
||||
|
||||
#sidebar {
|
||||
z-index: 2; border-radius: 0; padding:2vh 4vw 2vh 4vw;
|
||||
position: absolute; width:100%; height:150px;
|
||||
bottom: 30px; left:0; right:0; top:inherit;
|
||||
}
|
||||
#sidebar p { margin-bottom: 2vh; font-size: 1em; }
|
||||
|
||||
#title { margin-bottom: 2vh; }
|
||||
#title h1 { font-size: 20px; line-height: 26px; display: inline-block; }
|
||||
#info {
|
||||
height:18px; width:18px; display: inline-block; margin-left:3px;
|
||||
background-image: url('img/arrow_down.svg'); background-size:cover; }
|
||||
|
||||
.button { width:15vw; margin: .5vh 1vw .5vh 10vw; height:15vw;}
|
||||
.button:first-of-type { margin-left:5vw; }
|
||||
.button img { height:100%; width: 100%; }
|
||||
#taxas p { text-align: center; margin-left: 5vw; }
|
||||
|
||||
.mapboxgl-popup-content { padding: 1vw; padding-bottom: 2vw; }
|
||||
.mapboxgl-popup { width: 52vw; }
|
||||
.img-md { height: 50vw; width: 50vw;}
|
||||
}
|
|
@ -14,10 +14,35 @@ el otro archivo css style.css que está en la carpeta milfs
|
|||
display: block;
|
||||
}
|
||||
|
||||
#canvas-holder_$tipo_$id_campo{
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#panel_administrador{
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
#modificarcampo_succesalert{
|
||||
position: relative;
|
||||
display: block;
|
||||
border-collapse: separate;
|
||||
padding-top: 13px;
|
||||
}
|
||||
|
||||
#modificarcampo_succesalert>.input-group-addon{
|
||||
border: 1px solid #ccc !important;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
#nuevocampo_success{
|
||||
padding-bottom: 60px !important;
|
||||
}
|
||||
#nuevocampo_success>.btn{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -261,10 +261,7 @@ border-color: transparent;
|
|||
/*Panel Editor*/
|
||||
|
||||
.thumbnail {
|
||||
height: 100% !important;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
border: none;
|
||||
|
||||
}
|
||||
|
||||
.box-secciones {
|
||||
|
|
|
@ -1,5 +1,10 @@
|
|||
<?php
|
||||
function Conectarse(){
|
||||
|
||||
if(!isset($_SESSION))
|
||||
{
|
||||
session_start();
|
||||
}
|
||||
if ( !isset ( $link ) ) {
|
||||
|
||||
@include("includes/datos.php");
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -9,7 +9,7 @@ require ("funciones/conex.php");
|
|||
|
||||
|
||||
|
||||
$geojson = imprime_geojson("$_REQUEST[id]","","mapa","$_REQUEST[buscar]");
|
||||
$geojson = imprime_geojson("$_REQUEST[id]","","mapa","$_REQUEST[buscar]","");
|
||||
//header('Content-Type: application/json');
|
||||
var geojsonSample =
|
||||
echo $geojson;
|
||||
|
|
|
@ -8,11 +8,13 @@ include ('librerias/parsedown/Parsedown.php');
|
|||
|
||||
require ("funciones/conex.php");
|
||||
|
||||
|
||||
|
||||
$geojson = imprime_geojson("$_REQUEST[id]","","mapa","$_REQUEST[buscar]","$_REQUEST[item]");
|
||||
if(isset($_REQUEST['buscar'])){$buscar=$_REQUEST['buscar'];}else{$buscar="";}
|
||||
if(isset($_REQUEST['item'])){$item=$_REQUEST['item'];}else{$item="";}
|
||||
if(isset($_REQUEST['id'])){$id=$_REQUEST['id'];}else{$id="";}
|
||||
//echo print_r($_SERVER);
|
||||
$geojson = imprime_geojson("$id","","mapa","$buscar","$item","");
|
||||
//header('Content-Type: application/json');
|
||||
echo "var geojsonSample = ";
|
||||
echo "let geojsonSample = [";
|
||||
echo $geojson;
|
||||
echo ";"
|
||||
echo "];"
|
||||
?>
|
||||
|
|
|
@ -4,14 +4,18 @@ require ('xajax/xajax.inc.php');
|
|||
$xajax = new xajax();
|
||||
require ('funciones/funciones.php');
|
||||
require ('funciones/convert.php');
|
||||
include ('librerias/parsedown/Parsedown.php');
|
||||
|
||||
require ("funciones/conex.php");
|
||||
if(isset($_REQUEST['buscar'])){$buscar=$_REQUEST['buscar'];}else{$buscar="";}
|
||||
if(isset($_REQUEST['item'])){$item=$_REQUEST['item'];}else{$item="";}
|
||||
if(isset($_REQUEST['id'])){$id=$_REQUEST['id'];}else{$id="";}
|
||||
|
||||
if(!isset($_REQUEST['plantilla'])) {
|
||||
$geojson = imprime_geojson("$_REQUEST[id]","","mapa","$_REQUEST[buscar]");
|
||||
$geojson = imprime_geojson("$id","","mapa","$buscar","$item");
|
||||
|
||||
}else{
|
||||
$geojson = imprime_geojson("$_REQUEST[id]","","$_REQUEST[plantilla]","$_REQUEST[buscar]");
|
||||
$geojson = imprime_geojson("$id","","$_REQUEST[plantilla]","$buscar","$item");
|
||||
}
|
||||
|
||||
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 907 B |
|
@ -21,8 +21,14 @@ if ((!$file=realpath($dir.$_GET['file']))
|
|||
$ref=@$_SERVER['HTTP_REFERER'];
|
||||
if (strpos($ref,'https://')===0 || strpos($ref,'https')!==0){
|
||||
$mime=array(
|
||||
'PEG'=>'image/jpeg',
|
||||
'JPEG'=>'image/jpeg',
|
||||
'JPG'=>'image/jpeg',
|
||||
'jpg'=>'image/jpeg',
|
||||
'peg'=>'image/jpeg',
|
||||
'jpeg'=>'image/jpeg',
|
||||
'png'=>'image/png',
|
||||
'PNG'=>'image/png',
|
||||
'mid'=>'audio/x-midi',
|
||||
'wav'=>'audio/x-wav'
|
||||
);
|
||||
|
@ -34,12 +40,13 @@ if (strpos($ref,'https://')===0 || strpos($ref,'https')!==0){
|
|||
}
|
||||
$stat=stat($file);
|
||||
header('Content-Type: '.$mime[substr($file,-3)]);
|
||||
header('Content-Length: '.$stat[7]);
|
||||
// header('Content-Length: '.$stat[7]);
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s',$stat[9]).' GMT');
|
||||
readfile($file);
|
||||
@readfile($file);
|
||||
|
||||
exit();
|
||||
}
|
||||
header('Pragma: no-cache');
|
||||
header('Cache-Control: no-cache, no-store, must-revalidate');
|
||||
include($file.'.php');
|
||||
//include($file.'.php');
|
||||
?>
|
||||
|
|
|
@ -32,7 +32,9 @@ if (move_uploaded_file($_FILES["$campo"]['tmp_name'], $fichero_subido)) {
|
|||
}
|
||||
|
||||
function miniaturizar($file,$width,$directorio) {
//$archivo = $file;
|
||||
$archivo = "$directorio"."full/".$file;
$file_info = getimagesize($archivo);
$ratio = $file_info[0] / $file_info[1];
$newwidth = $width;
$newheight = round($newwidth / $ratio);
$ext = explode(".", $file);
$ext = strtolower($ext[count($ext) - 1]);
if ($ext == "jpeg") $ext = "jpg";
switch ($ext) {
case "jpg":
$img = imagecreatefromjpeg($archivo);
// $img = imagecreatefromstring($archivo);
break;
case "png":
$img = imagecreatefrompng($archivo);
break;
case "gif":
$img = imagecreatefromgif($archivo);
break;
}
$thumb = imagecreatetruecolor($newwidth, $newheight);
|
||||
$archivo = "$directorio"."full/".$file;
$file_info = getimagesize($archivo);
$ratio = $file_info[0] / $file_info[1];
$newwidth = $width;
$newheight = round($newwidth / $ratio);
$ext = explode(".", $file);
|
||||
$ext = strtolower($ext[count($ext) - 1]);
|
||||
if ($ext == "jpeg") $ext = "jpg";switch ($ext) {
case "jpg":
$img = imagecreatefromjpeg($archivo);
// $img = imagecreatefromstring($archivo);
break;
case "png":
$img = imagecreatefrompng($archivo);
break;
case "gif":
$img = imagecreatefromgif($archivo);
break;
}
$thumb = imagecreatetruecolor($newwidth, $newheight);
|
||||
imagealphablending( $thumb, false );
|
||||
imagesavealpha( $thumb, true );
imagecopyresampled($thumb, $img, 0, 0, 0, 0, $newwidth, $newheight, $file_info[0], $file_info[1]);
|
||||
if($ext=="jpg") {
imagejpeg($thumb,$directorio.$width."/$file", 80);
|
||||
|
@ -42,5 +44,3 @@ imagepng($thumb,$directorio.$width."/$file", 9);
|
|||
}
|
||||
|
||||
?>
|
||||
|
||||
|
||||
|
|
|
@ -211,7 +211,7 @@ legend.legend-area {
|
|||
|
||||
</style>
|
||||
</head>
|
||||
<body onload="revisarSession()"; >
|
||||
<body >
|
||||
<?php if($embebido ==1) {
|
||||
if($form!=''){ echo formulario_embebido($form,$opciones);}
|
||||
elseif($identificador !='') { echo mostrar_identificador($identificador,$id);}
|
||||
|
@ -256,13 +256,14 @@ else{}
|
|||
<div class='row'>
|
||||
<div id='' class='col-sm-6'>
|
||||
|
||||
<?php if(isset($_SESSION['id'])){ echo "
|
||||
<form id='manejo_sesion' name='form_session' class='navbar-form navbar-left'>
|
||||
<?php /* $sesion = "<pre>".print_r($_SESSION,true)."</pre>"; if(isset($_SESSION['id'])){ echo "
|
||||
$sesion <form id='manejo_sesion' name='form_session' class='navbar-form navbar-left'>
|
||||
<div class='input-group'>
|
||||
<input type='text' name='tiempo_session' size='18' class='form-control input-sm' readonly>
|
||||
<span class='input-group-addon'><a href='#' onclick=\"location.reload();\" title='Renovar'><span class='glyphicon glyphicon-refresh' aria-hidden='true'></span></a></span>
|
||||
</div>
|
||||
</form> "; } ?>
|
||||
</form> "; }else{ echo "/ $sesion /<input type='text' name='tiempo_session' size='18' class='form-control input-sm' readonly>";}
|
||||
*/ ?>
|
||||
|
||||
<?php
|
||||
///echo adjuntar_basico('33');
|
||||
|
|
|
@ -0,0 +1,214 @@
|
|||
mapboxgl.accessToken = 'pk.eyJ1IjoieXVuamllIiwiYSI6ImNpZnd0ZjZkczNjNHd0Mm0xcGRoc21nY28ifQ.8lFXo9aC9PfoKQF9ywWW-g';
|
||||
//var sfmapbox = [-122.413692, 37.775712];
|
||||
var sfmapbox = [-72, 4];
|
||||
// sfmapbox = [-122,37];
|
||||
var mylocation = sfmapbox;
|
||||
var taxon_active = 'Plantae';
|
||||
var markers = {};
|
||||
var marker_me;
|
||||
|
||||
// Create a new dark theme map
|
||||
var map = new mapboxgl.Map({
|
||||
container: 'map', // container id
|
||||
style: 'mapbox://styles/mapbox/outdoors-v9', //stylesheet location
|
||||
center: sfmapbox, // Center of USA
|
||||
zoom: 12, // starting zoom
|
||||
// minZoom: 11,
|
||||
|
||||
});
|
||||
|
||||
map.on('load', function() {
|
||||
|
||||
// Disable scroll in posts
|
||||
if (window.location.search.indexOf('embed') !== -1) map.scrollZoom.disable();
|
||||
|
||||
//Add controls for navigation, geocoding and geolocation
|
||||
var geocoder = new mapboxgl.Geocoder();
|
||||
map.addControl(geocoder);
|
||||
map.addControl ( new mapboxgl.Navigation({ position: 'top-left' }) );
|
||||
var geolocator = new mapboxgl.Geolocate({ position: 'top-left' });
|
||||
map.addControl(geolocator);
|
||||
|
||||
//go to SF and retrieve data
|
||||
mapMe(mylocation);
|
||||
getObservation(mylocation, taxon_active);
|
||||
|
||||
//Toggle icons in the event of zoom change
|
||||
map.on('zoom', function() {
|
||||
var zoom = map.getZoom();
|
||||
$('.marker').each(function() {
|
||||
checkZoom(this, zoom);
|
||||
});
|
||||
});
|
||||
|
||||
//Interact with taxas buttons
|
||||
$('.button').on('click', function() {
|
||||
$('.button').removeClass('active');
|
||||
$(this).addClass('active');
|
||||
taxon_active = $(this).attr('id');
|
||||
getObservation(mylocation, taxon_active);
|
||||
$('.mapboxgl-popup') ? $('.mapboxgl-popup').remove() : null;
|
||||
});
|
||||
|
||||
//Redo quest on location change
|
||||
geocoder.on('result', function(e) {
|
||||
// window.alert('new location: ' + e.result.center);
|
||||
mylocation = e.result.center;
|
||||
getObservation(mylocation, taxon_active);
|
||||
mapMe(mylocation);
|
||||
$('.mapboxgl-popup') ? $('.mapboxgl-popup').remove() : null;
|
||||
});
|
||||
|
||||
//Redo quest on geolocation
|
||||
geolocator.on('geolocate', function(position) {
|
||||
mylocation = [position.coords.longitude, position.coords.latitude];
|
||||
map.zoomTo(12);
|
||||
mapMe(mylocation);
|
||||
getObservation(mylocation, taxon_active);
|
||||
});
|
||||
|
||||
//Mobile friendly
|
||||
$('#info').on('click', function() {
|
||||
if ( $('#introduction').is(':visible') ) {
|
||||
$('#introduction').hide();
|
||||
$('#info').css('background-image', 'url(img/arrow_down.svg)');
|
||||
$('#sidebar').css('height', '150px');
|
||||
} else {
|
||||
$('#introduction').show();
|
||||
$('#info').css("background-image", 'url(img/arrow_up.svg)');
|
||||
$('#sidebar').css('height', '240px');
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
// Map the user location using a marker called me
|
||||
function mapMe(location) {
|
||||
if (!document.getElementById('me')) {
|
||||
var me = document.createElement('div');
|
||||
me.id = "me";
|
||||
me.style.backgroundImage = 'url(img/icon_me.png)';
|
||||
marker_me = new mapboxgl.Marker(me)
|
||||
.setLngLat(location)
|
||||
.addTo(map);
|
||||
} else {
|
||||
marker_me.setLngLat(location);
|
||||
}
|
||||
|
||||
map.flyTo({ 'center': location, 'zoom': 12 });
|
||||
}
|
||||
|
||||
// Retrieve from API, map the markers to the map, and save relevant data in html. Pop-ups for marker on click.
|
||||
function getObservation(location, taxon) {
|
||||
|
||||
$('.loading').show();
|
||||
|
||||
// clean up previous markers
|
||||
for (marker in markers) {
|
||||
markers[marker].remove();
|
||||
}
|
||||
markers = {};
|
||||
|
||||
//create url
|
||||
var iNat_url = createURL(location, taxon);
|
||||
|
||||
// get results from url
|
||||
try {
|
||||
iNat_results = $.getJSON(iNat_url, function() {
|
||||
// console.log("API results: ", iNat_results.responseJSON.results);
|
||||
|
||||
// Update count in html description
|
||||
$('#count').html(iNat_results.responseJSON.features.length);
|
||||
|
||||
// Used for marker change on zoom level
|
||||
var zoom = map.getZoom();
|
||||
|
||||
// Iterate through all API results
|
||||
iNat_results.responseJSON.features.forEach(function(marker) {
|
||||
// create an img element for the marker
|
||||
var el = document.createElement('div');
|
||||
el.className = 'marker';
|
||||
//img_url = marker.photos[0].url;
|
||||
img_url = marker.properties.imagen;
|
||||
|
||||
// text description for popup
|
||||
var species = marker.species_guess ? marker.species_guess : 'Unknown';
|
||||
//var user = marker.user.name ? marker.user.name : 'Anonymous';
|
||||
var user = marker.properties.title ? marker.properties.title : 'Anonymous';
|
||||
text = species + ' observed on ' + marker.properties.time + ' by ' + user + ' - ';
|
||||
text = text.charAt(0).toUpperCase() + text.substr(1);
|
||||
|
||||
// img_url = img_url.replace("http", "https");
|
||||
//$(el).attr('data-img', img_url);
|
||||
$(el).attr('data-img', img_url);
|
||||
// $(el).attr('data-taxon', taxon);
|
||||
//$(el).attr('data-text', text);
|
||||
$(el).attr('data-text', marker.properties.title);
|
||||
$(el).attr('html', marker.properties.description);
|
||||
//$(el).html(marker.properties.description);
|
||||
$(el).attr('data-link', marker.properties.uri);
|
||||
$(el).attr('data-link', marker.properties.imagen);
|
||||
//$(el).attr('data-latlon', marker.geojson.coordinates);
|
||||
$(el).attr('data-latlon', marker.geometry.coordinates);
|
||||
|
||||
// Map to the map with markers for the current zoomlevel
|
||||
checkZoom(el, zoom);
|
||||
|
||||
// add marker to map
|
||||
// markers[marker.id] = new mapboxgl.Marker(el)
|
||||
markers[marker.control] = new mapboxgl.Marker(el)
|
||||
// .setLngLat(marker.geojson.coordinates)
|
||||
.setLngLat(marker.geometry.coordinates)
|
||||
.addTo(map);
|
||||
});
|
||||
|
||||
$('.loading').hide();
|
||||
|
||||
// markers on click
|
||||
$('.marker').click(function(e) {
|
||||
|
||||
e.stopPropagation();
|
||||
|
||||
var latlon = $(this).attr('data-latlon').split(",");
|
||||
latlon = [Number(latlon[0]), Number(latlon[1])];
|
||||
|
||||
|
||||
var descripcion = $(this).attr('html');//.replace('square', 'medium');
|
||||
|
||||
$('.mapboxgl-popup') ? $('.mapboxgl-popup').remove() : null;
|
||||
|
||||
var popup = new mapboxgl.Popup()
|
||||
.setLngLat(latlon)
|
||||
.setHTML(descripcion)
|
||||
.addTo(map);
|
||||
|
||||
});
|
||||
});
|
||||
} catch (e) {
|
||||
window.alert("API not working properly :(")
|
||||
}
|
||||
}
|
||||
|
||||
// Create the url for API request
|
||||
function createURL(location, taxon) {
|
||||
//url = ['https://api.inaturalist.org/v1/observations?geo=true&native=true&photos=true&lat=',location[1], '&lng=', location[0], '&radius=5&iconic_taxa=', taxon, '&order=desc&order_by=created_at'].join('');
|
||||
url = ['http://localhost/tupali/archivos/74.geojson'].join('');
|
||||
console.log("API url: ", url);
|
||||
return url;
|
||||
}
|
||||
|
||||
// Check what zoom level for what markers, then map to map
|
||||
function checkZoom(marker, zoom) {
|
||||
var img;
|
||||
if (zoom < 12) {
|
||||
$(marker).addClass('sm');
|
||||
// img = 'url(img/marker_' + $(marker).attr('data-taxon').toLowerCase() + '.png)';
|
||||
// img = 'url(img/marker_' + $(marker).attr('data-taxon').toLowerCase() + '.png)';
|
||||
img = 'url(https://tupale.co/milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png)';
|
||||
$(marker).css("background-image", img);
|
||||
} else {
|
||||
$(marker).removeClass('sm');
|
||||
img = 'url(' + $(marker).attr('data-img') + ')';
|
||||
// img = 'url(https://tupale.co/milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png)';
|
||||
$(marker).css("background-image", img);
|
||||
};
|
||||
}
|
|
@ -9,24 +9,30 @@ function delayTimer() {
|
|||
var delayFunction = delayTimer();
|
||||
|
||||
|
||||
|
||||
function revisarSession(){
|
||||
function setCookie(cname, cvalue, exdays) {
|
||||
var d = new Date();
|
||||
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
|
||||
var expires = "expires=" + d.toUTCString();
|
||||
document.cookie = cname + "=" + cvalue + "; " + expires;
|
||||
}
|
||||
function revisarSession(sesion){
|
||||
tiempo = "30";
|
||||
gavela="19";
|
||||
timestamp = Math.round(Date.now() /1000)
|
||||
inicio = leerCookie("timestamp");
|
||||
timestamp = Math.round(Date.now() /1000);
|
||||
inicio = sesion;//leerCookie("timestamp");
|
||||
transcurrido = (timestamp - inicio);
|
||||
transcurrido_minutos = Math.round(transcurrido/60);
|
||||
restante = (tiempo - transcurrido_minutos);
|
||||
prefin = (tiempo*60)-transcurrido;
|
||||
//sesion = "hola";
|
||||
|
||||
document.form_session.tiempo_session.value = "Cierra en: "+restante+" minutos ";
|
||||
document.form_session.tiempo_session.value = "Cierra en: "+restante+" minutos ("+transcurrido+" "+sesion+") ";
|
||||
|
||||
if(restante == 1 ){
|
||||
//alert(transcurrido);
|
||||
location.href="../../salir.php";
|
||||
}else{
|
||||
setTimeout("revisarSession()",2000) ;
|
||||
setTimeout("revisarSession("+sesion+")",2000) ;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -622,6 +628,3 @@ else if (document.all) document.all[''+id+''].style.visibility = "hidden"
|
|||
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
19
mapa.php
19
mapa.php
|
@ -16,7 +16,7 @@
|
|||
integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA=="
|
||||
crossorigin=""></script>
|
||||
-->
|
||||
|
||||
<script src="js/scripts.js"></script>
|
||||
<link rel="stylesheet" href="librerias/leaflet/leaflet.css"/>
|
||||
<script src="librerias/leaflet/leaflet.js"></script>
|
||||
<style>
|
||||
|
@ -29,13 +29,30 @@
|
|||
|
||||
|
||||
<div id='map'></div>
|
||||
|
||||
<?php
|
||||
sleep(2);
|
||||
$ubicacion = $_COOKIE['ubicacion'];
|
||||
$coordenadas = explode("|",$ubicacion);
|
||||
if($coordenadas[0] !="" AND $coordenadas[1] !="" ){
|
||||
$lon = $coordenadas[0];
|
||||
$lat = $coordenadas[1];
|
||||
$zoom = "20";
|
||||
|
||||
}else{
|
||||
if ($_REQUEST['lat'] !='') {$lat=$_REQUEST['lat'];}else {$lat= "-72";}
|
||||
if ($_REQUEST['lon'] !='') {$lon=$_REQUEST['lon'];}else {$lon= "4";}
|
||||
if ($_REQUEST['zoom'] !='') {$zoom=$_REQUEST['zoom'];}else {$zoom= "20";}
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
//var e.latlng= localizacion;
|
||||
//alert(localizacion);
|
||||
|
||||
var map = L.map('map')
|
||||
.setView([<?php echo $lon ?>, <?php echo $lat ?>], <?php echo $zoom ?>);
|
||||
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
|
||||
|
|
Loading…
Reference in New Issue