miércoles, 13 de marzo de 2019

Notas sobre los mapas de rutas BikerTB versión 2019


Estructura del fichero índice

Fichero: indiceTracksMadrid.js
datos="\
003\taqua\t003-alameda-rascafria-pedrosillo-cerradillas-tejos-milenarios-an.kml\n\
004\tblack\t004-alcala-de-henares-quer.kml\n\
005\tblue\t005-alcala-de-henares-parque-de-los-cerros-anchuelo-villalbilla-.kml\n\
006\tfuchsia\t006-alcala-meco-quer-alovera-azuqueca.kml\n\
. . .
438\tBlueViolet\t438-via-verde-del-tajuna-completa-ida-y-vuelta.kml\
"


Opciones generales

var fullZoomNav = false; //true = zoom al navegador. Usar false para mapa incrustado en un post del blog.
var boundsAuto = false; //al iniciar mostrar el área ocupada por los tracks. Irrelevante si se muestra un solo track.
//Si boundsAuto = false, definir los coordenadas del área a mostrar al iniciar:
var Norte = 41.31908, Sur = 39.84523, Este = -2.56531, Oeste = -5.05096; //recomendable para mostrar más de 100 tracks.
var iniIcon = false; //mostrar permanentemente los iconos de inicio de los tracks.
var openBlog = "https://maparutasmtb.blogspot.com"; //para el botón "Ir al Blog"

Mostrar todas las rutas en una página dedicada

<a href="https://www.bikertb.es/nano/madrid.html">Mapa de rutas</a>

(Rutas para la DEMO tomadas de Nano Flojo)

Mostrar todas las rutas incrustadas en un post del blog

<script>
  var trackAlone='TODOS'; // TODOS = presentar todos los tracks
  document.write('<iframe width="828" height="680" allowfullscreen src="https://www.bikertb.es/nano/madrid.html?track='+trackAlone+'"></iframe>')
</script>


Mostrar una ruta en un post del blog

<script>
  var trackAlone='232'; // mostrar la ruta con referencia 232, esto es lo único que variaría de un post a otro.
  document.write('<iframe width="828" height="500" allowfullscreen src="https://www.bikertb.es/nano/madrid.html?track='+trackAlone+'"></iframe>')
</script>


Mostrar un selector de rutas en un post del blog

<iframe src="https://www.bikertb.es/nano/getSelect-Chosen.php" allowfullscreen frameborder="0" width="880" height="580"></iframe>

Nota: Esta vista necesita php en el servidor.