<?php session_start(); if(isset($_REQUEST['debug'])) {ini_set('display_errors', 'On');} require ('milfs/xajax/xajax.inc.php'); $xajax = new xajax(); //require ('json.lab.php'); require ('milfs/funciones/funciones.php'); require ("milfs/funciones/conex.php"); //require_once ('includes/markdown.php'); //require ('funciones/convert.php'); $xajax->processRequests(); //if($_REQUEST[id2] =='') {$agregar= $_REQUEST[id];}else {$agregar = $_REQUEST[id2];} if(isset($_REQUEST[categoria]) AND isset($_REQUEST[buscar])) { $cadena_busqueda = "$_REQUEST[buscar]"; $_REQUEST['buscar'] = "$_REQUEST[categoria]:$_REQUEST[buscar]"; } $formulario_nombre = remplacetas('form_id','id',$_REQUEST[id],'nombre') ; $formulario_descripcion = remplacetas('form_id','id',$_REQUEST[id],'descripcion') ; $descripcion_meta = preg_replace("[\n|\r|\n\r|\t]",'', strip_tags($formulario_descripcion[0])); $agregar_nombre = remplacetas('form_id','id',$agregar,'nombre') ; $id_empresa = remplacetas('form_id','id',$_REQUEST[id],'id_empresa') ; $twitter = remplacetas('empresa','id',"$id_empresa[0]",'twitter','') ; if($twitter[0] =="") {$twitter[0] ="@tupaleCo";} $logo = remplacetas('empresa','id',"$id_empresa[0]",'imagen','') ; $razon_social = remplacetas('empresa','id',"$id_empresa[0]",'razon_social','') ; $campos_formulario = input_campos("$_REQUEST[id]","categoria"); $uri = "$_SERVER[SERVER_NAME]/$_SERVER[REQUEST_URI]"; $background_imagen = buscar_imagen("$_REQUEST[id]","","","$id_empresa"); $plantilla ="mapa"; ?> <!DOCTYPE html> <html lang="en"> <head > <title><?php echo "$formulario_nombre[0] / $cadena_busqueda" ?> tupale.co</title> <meta charset="utf-8"> <!-- <meta name="viewport" content="user-scalable=no, width=device-width, maximum-scale=1, initial-scale=1"> --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> --> <meta name="description" content=""> <meta NAME="Language" CONTENT="Spanish"> <meta NAME="Revisit" CONTENT="1 days"> <meta NAME="Distribution" CONTENT="Global"> <meta NAME="Robots" CONTENT="All"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="<?php echo $twitter[0]; ?>"> <meta name="twitter:creator" content="@qwerty_co"> <meta name="twitter:url" content="<?php echo $uri ; ?>"> <meta name="twitter:title" content="<?php echo "$formulario_nombre[0] / $cadena_busqueda" ?> tupale.co"> <meta name="twitter:description" content=" <?php echo $descripcion_meta; ?>"> <meta name="twitter:image" content="<?php echo "$_SESSION[url]images/secure/?file=full/$background_imagen"; ?>"> <meta property="og:type" content="article"> <meta property="og:title" content="<?php echo "$formulario_nombre[0] / $cadena_busqueda" ?> tupale.co" /> <meta property="og:type" content="website" /> <meta property="og:url" content="<?php echo "$uri"; ?>" /> <meta property="og:image" content="<?php echo "$_SESSION[url]images/secure/?file=full/$background_imagen"; ?>" /> <meta property="og:site_name" content="<?php echo $razon_social[0]; ?>" /> <meta property="og:description" content=" <?php echo $descripcion_meta; ?>" /> <link rel="shortcut icon" href="<?php echo "milfs/images/secure/?file=150/$logo[0]"; ?>"> <?php $xajax->printJavascript("milfs/xajax/"); ?> <link rel="shortcut icon" href="favicon-152.png"> <link rel="apple-touch-icon-precomposed" href="favicon-152.png"> <link rel="stylesheet" href="librerias/leaflet/leaflet-search.css"/> <script src="librerias/leaflet/leaflet.js"></script> <script src="librerias/jquery/jquery-2.1.4.min.js"></script> <script src="librerias/leaflet/leaflet-providers.js"></script> <script src="librerias/leaflet/leaflet-search.js"></script> <link rel="stylesheet" type="text/css" media="screen" href="milfs/css/bootstrap.css"> <link rel="stylesheet" href="librerias/leaflet/leaflet.css" /> <script src="librerias/leaflet/leaflet.js"></script> <link rel="stylesheet" href="librerias/leaflet/dist/MarkerCluster.css" /> <link rel="stylesheet" href="librerias/leaflet/dist/MarkerCluster.Default.css" /> <script src="librerias/leaflet/dist/leaflet.markercluster-src.js"></script> <script type="text/javascript" src="milfs/geojson.js.php?id=<?php echo $_REQUEST['id'] ?>&buscar=<?php echo $_REQUEST['buscar'] ?>"></script> <?php $otro_json = remplacetas('form_parametrizacion','campo',$_REQUEST[id],'descripcion'," tabla='form_id' and opcion = 'json'") ;; //$obj = file_get_contents('https://www.kleper.net/wiki/RutaPazTerritorial.geojson'); $ids = json_decode($otro_json[0]); foreach ($ids as $clave => $valor) { if($valor !=""){ $obj=file_get_contents("$valor[0]"); $li .="<script>var geojsonAuxiliar_$clave = $obj ;</script>"; $layer .= " var geojsonAux_$clave = L.geoJson(geojsonAuxiliar_$clave, { pointToLayer: function(feature, latlng) { var smallIcon = new L.Icon({ iconSize: [100, 100], iconAnchor: [13, 27], popupAnchor: [1, -24], /*iconUrl: feature.properties.icon.iconUrl*/ iconUrl: 'https://tupale.co/milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png' }); return L.marker(latlng, {icon: smallIcon}); }, onEachFeature: function(feature, layer) { var popupText = feature.properties.description layer.bindPopup(popupText); } }); "; $add_layer .= "markers.addLayer(geojsonAux_$clave);"; $capas_nombre .="geojsonAux_$clave,"; $capas .= "{ '$clave': geojsonAux_$clave };"; $overlays =" var overlays = $capas "; } } echo $li; ?> <style type="text/css"> @media (max-width: 800px) { .panel-map{ max-width: 970px; } } @media (min-width: 800px) { .panel-map{ max-width: 200px; } } .leaflet-popup-content { word-wrap: break-word !important; /*width:600px !important; */ } #map { position:absolute; top:0; bottom:0; width:100%; } /* Sticky footer styles -------------------------------------------------- */ .footer { position: absolute; bottom: 3px; width: 95%; margin: 0 auto; height: 120px; /* Set the fixed height of the footer here */ z-index: 999999; } #div_leyenda { padding: 2px; background-color: white; border-radius: 3px; width: 90%; overflow-x: scroll; } .modal-dialog { width: 70%; height: 50%; padding: 0; } .modal-content { height: 50%; } ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } </style> <?php $categorias = lista_categorias($_REQUEST['id'],'','') ; $css_adicional = remplacetas('form_parametrizacion','campo',"index",'descripcion'," tabla='css' and opcion = 'adicional' and id_empresa = '$id_empresa[0]'") ; if($css_adicional[0] !="") { $css_adicional ="<style > $css_adicional[0] <!-- adicional --> </style>"; } else { $css_adicional ="<style ><!-- nada --></style>"; } echo $css_adicional; ?> </head> <body> <!--nav sidebar --> <aside> <nav class="navbar navbar-inverse sidebar navbar-fixed-top" role="navigation"> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <link href="librerias/leaflet/css/sidebar.css" rel="stylesheet"> <div class="nav-side-menu"> <div class="brand"><a href="./"><img style='width: 100%;' src='images/banner.png' class='image-responsive'></a><br> <i class="fa fa-info-circle fa-lg pull-right" style="margin-top: 10px; margin-right: 5px;"></i></div> <i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i> <br> <form action="?id=<?php echo $_REQUEST[id]; ?>" method="get"> <div class='input-group '> <input type='hidden' id='id' name='id' value="<?php echo $_REQUEST[id]; ?>" > <?php echo $campos_formulario; ?><div id='div_campos'></div> <input type='text' id='buscar' name='buscar' class='form-control' placeholder='Buscar' > <input type="submit" class="btn btn-info " value="Buscar"> </div> </form> <hr> <div class="menu-list"> <div style='width: calc(90% - 40px);;' class="container-fluid"> <h1><?php echo $formulario_nombre[0]; ?></h1> <h2><?php echo $formulario_descripcion[0]; ?></h2> <hr> <h3>CategorÃas</h3> <div style="height: 300px; overflow: auto;" > <?php echo $categorias; ?> </div> <div class="sidebar-logo"> <a href="e<?php echo $id_empresa[0]; ?>" > <img style='margin: 0px auto;' class='img img-responsive block-center' src="milfs/images/secure/?file=150/<?php echo $logo[0]; ?>" alt="<?php echo $razon_social[0]; ?>"> <h4><?php echo $razon_social[0]; ?></h4> </a> </div> </div> </div> </div> </nav> </aside> <div id="map"></div> <?php if($categorias !="") { $pie=" <div style='' class='' id='contenedor_pie' > <div style='' class='container' > <a href='#' onclick=\"xajax_limpia_div('contenedor_pie'); \"><span class='pull-right'><i class='fa fa-times'></i></span></a> $categorias </div></div> </div>"; $leyenda ="<div id='div_leyenda'><a class='btn btn-default btn-xs' onclick=xajax_contenido_ocultar('div_leyenda');>Cerrar</a> $categorias </div> "; }else{ } //echo $pie; ?> <script type="text/javascript"> function htmlbodyHeightUpdate(){ var height3 = $( window ).height() var height1 = $('.nav').height()+50 height2 = $('.main').height() if(height2 > height3){ $('html').height(Math.max(height1,height3,height2)+10); $('body').height(Math.max(height1,height3,height2)+10); } else { $('html').height(Math.max(height1,height3,height2)); $('body').height(Math.max(height1,height3,height2)); } } $(document).ready(function () { htmlbodyHeightUpdate() $( window ).resize(function() { htmlbodyHeightUpdate() }); $( window ).scroll(function() { height2 = $('.main').height() htmlbodyHeightUpdate() }); }); function htmlbodyHeightUpdate(){ var height3 = $( window ).height() var height1 = $('.nav').height()+50 height2 = $('.main').height() if(height2 > height3){ $('html').height(Math.max(height1,height3,height2)+10); $('body').height(Math.max(height1,height3,height2)+10); } else { $('html').height(Math.max(height1,height3,height2)); $('body').height(Math.max(height1,height3,height2)); } } $(document).ready(function () { htmlbodyHeightUpdate() $( window ).resize(function() { htmlbodyHeightUpdate() }); $( window ).scroll(function() { height2 = $('.main').height() htmlbodyHeightUpdate() }); }); var tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18, attribution: '<a href="https://tupale.co">https://tupale.co</a> © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors' }), latlng = L.latLng(4, -74.9005222); var map = L.map('map', {center: latlng, zoom: 5, layers: [tiles],zoomControl: false}); var geojson = L.geoJson(geojsonSample, { pointToLayer: function(feature, latlng) { var smallIcon = new L.Icon({ iconSize: [100, 100], iconAnchor: [13, 27], popupAnchor: [1, -24], iconUrl: feature.properties.icon.iconUrl /* iconUrl: "http://localhost/default/tupali/milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png"*/ }); return L.marker(latlng, {icon: smallIcon}); }, onEachFeature: function(feature, layer) { var popupText = feature.properties.description layer.bindPopup(popupText); } }); /* var geojsonAux = L.geoJson(geojsonAuxiliar, { pointToLayer: function(feature, latlng) { var smallIcon = new L.Icon({ iconSize: [60, 60], iconAnchor: [13, 27], popupAnchor: [1, -24], iconUrl: "http://localhost/default/tupali/milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png" }); return L.marker(latlng, {icon: smallIcon}); }, onEachFeature: function(feature, layer) { var popupText = feature.properties.description layer.bindPopup(popupText); } }); */ <?php echo $layer; ?> var markers = L.markerClusterGroup(); markers.addLayer(geojson); // markers.addLayer(geojsonAux); <?php echo $add_layer; ?> map.fitBounds(geojson.getBounds()); var legend = L.control({position: 'bottomright'}); //disable zoomControl when initializing map (which is topleft by default) ///L.control.layers(<?php echo $capas_nombre; ?>).addTo(map); /* //add zoom control with your options L.control.zoom({ position:'topright' }).addTo(map); */ legend.onAdd = function (map) { var div = L.DomUtil.create('div', 'info legend'); div.innerHTML = ""; div.id = "info legend" return div; }; legend.addTo(map); map.addLayer(markers); </script> </body> </html>