Sindbad~EG File Manager
<!DOCTYPE html>
<html>
<head>
<title>HEIM ALICANTE</title>
<meta charset="ISO" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="dist/leaflet.css" />
<script src="dist/leaflet.js"></script>
<link rel="stylesheet" href="dist/leaflet.label.css" />
<script src="dist/leaflet.label.js"></script>
<script src="dist/bundle.js"></script>
<style>
body {
padding: 0;
margin: 0;
}
html, body, #map {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
</style>
<div id="map"></div>
<script type="text/javascript" src="rutas1.json"></script>
<script type="text/javascript" src="parques.json"></script>
<script type="text/javascript" src="tram1.json"></script>
<script type="text/javascript" src="playas.json"></script>
<script type="text/javascript" src="provincia.json"></script>
<script>
var orto = L.tileLayer('http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
maxZoom: 18, id: 'examples.map-i86knfo3', attribution: 'Sources: Esri, DigitalGlobe, GeoEye, Earthstar Geographics, CNES/Airbus DS, USDA, USGS, AeroGRID, IGN, and the GIS User Community,'+ 'Realizaci�n � <a href="http://www.fiomapas.com">FioMapas</a>'});
var Mapa = L.tileLayer.wms('http://www.ign.es/wms-inspire/mapa-raster', {
layers: 'mtn_rasterizado',
format: 'image/png',
transparent: false,
continuousWorld : true,
attribution: '� <a href="http://www.ign.es/ign/main/index.do" target="_blank">Instituto Geogr�fico Nacional de Espa�a</a>'});
var esritopo = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}', {
attribution: 'Sources: Esri, HERE, Garmin, FAO, NOAA, USGS, � OpenStreetMap contributors, and the GIS User Community,' + 'Realizaci�n � <a href="http://www.fiomapas.com">FioMapas</a>'});
var osm = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
maxZoom: 18,
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors, ' +
'Realizaci�n � <a href="http://www.fiomapas.com">FioMapas</a>'});
var carto = L.tileLayer.wms('http://www.ign.es/wms-inspire/ign-base', {
layers: 'IGNBaseTodo',
format: 'image/png',
transparent: false,
continuousWorld : true,
attribution: '� <a href="http://www.ign.es/ign/main/index.do" target="_blank">Instituto Geogr�fico Nacional de Espa�a</a>'});
var map = L.map('map', {
zoomControl:true,
maxZoom:18,
layers:[esritopo]
}).fitBounds([[37.83,-1.1],[38.9,0.25]]);
var Ruta = new L.geoJson(rutas);
var Playas = new L.geoJson(playas);
var TM = new L.geoJson(provincia);
var Transporte = new L.geoJson(parada_tram);
var Restaurantes = new L.LayerGroup();
var Turismo = new L.LayerGroup();
var Hotel = new L.LayerGroup();
var Curvas = new L.geoJson(parques);
var Serv_Med = new L.LayerGroup();
var LeafIcon = L.Icon.extend({
options: {
shadowUrl: 'dist/images/marker-shadow.png',
iconSize: [32, 37],
shadowSize: [41, 41],
iconAnchor: [16, 37],
shadowAnchor: [9, 41],
popupAnchor: [0, -30]
}
});
var busstop = new LeafIcon({iconUrl:"dist/images/tramway.png",iconSize:[20,24],iconAnchor: [10,20],shadowAnchor: [10,40],});
var mora = new LeafIcon({iconUrl:"dist/images/uni.png"});
var rest = new LeafIcon({iconUrl:"dist/images/restaurant.png"});
var hotel = new LeafIcon({iconUrl:"dist/images/hotel.png"});
var tur = new LeafIcon({iconUrl:"dist/images/tur.png"});
var playa = new LeafIcon({iconUrl:"dist/images/playa.png"});
var firstaid = new LeafIcon({iconUrl:"dist/images/firstaid.png"});
var hiking = new LeafIcon({iconUrl:"dist/images/hiking.png"});
var photo = new LeafIcon({iconUrl:"dist/images/photo.png"});
L.marker([38.38881,- 0.43471], {icon: firstaid}).addTo(Serv_Med).bindPopup("<b>HOSPITAL UNIVERSITARIO DE SAN JUAN</b><br />Carretera de Valencia S/N 03550</b><br />Tel�fono: 965169400").openPopup();
L.marker([38.57742,- 0.20888], {icon: rest}).addTo(Restaurantes).bindPopup("<b>FONT DEL MOL�</b><br />Partida Pla de Vila, 30 <br> 03509 Finestrat Alicante</b><br />Tel: 96 587 84 16</b><br/>"+ '<a href="http://www.restaurantfontdelmoli.es"target="_blank" >'+"<b>Sitio WEB</b>"+"</a>").openPopup();
var monum_2= 'Hotel Alahuar';
var I_monum_2= 'dist/images1/alahuar.JPG';
L.marker([38.77539,- 0.12968], {icon: hotel}).addTo(Hotel).bindPopup("<b>HOTEL ALAHUAR</b><br /><img src= "+I_monum_2+" width='250'/><br/>El Tossal, 03791 Benimaurell, Vall de Laguar<br>Tel: 965583397<br>"+ '<a href="https://www.hotelalahuar.es/"target="_blank" >'+"<b>Sitio WEB</b>"+"</a>").openPopup();
L.marker([38.69772,- 0.47342], {icon: tur}).addTo(Turismo).bindPopup("<b>ALCOY</b><br />Monumentos y <br> Conjuntos Hist�ricos</b><br />"+ '<a href='+'PDF/Alcoy1.pdf'+' target="_blank" >'+"<b>Descripci�n y Localizaci�n </b>"+"</a>").openPopup();
var monum_1= 'Universidad de Alicante';
var I_monum_1= 'dist/images1/campus1.JPG';
L.marker([38.38478, -0.51166],{icon: mora}).bindPopup("<img src= "+I_monum_1+" width='300'/><br/>"+'<a href="https://www.ua.es" target="_blank" >'+ "<b>Universidad de Alicante</b>"+"</a>", { noHide: false })
.addTo(map);
var popup = L.popup();
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent( e.latlng.toString())
.openOn(map);
}
map.on('click', onMapClick);
var parque_1= 'dist/images1/logo_parcs.png';
Curvas= L.geoJson(parques, {
style: function (feature) {
return {
color: "#00FF00",
weight: 2,
opacity: 0.5,
};
},
onEachFeature: function (feature, layer) {
layer.bindPopup( "<img src= "+parque_1+" width='200'/><br/>" + '<div style="font-size:larger"><strong>' + layer.feature.properties.nombre + '<br/> <a href="http://www.parquesnaturales.gva.es" target="_blank" >'+ "Parques Naturales de la Comunitat Valenciana"+"</a>", { noHide: false })
str=feature.properties.NAME;
str1= feature.properties.nombre;
layer.bindLabel (str1);
}
});
Ruta= L.geoJson(rutas, {
style: function (feature) {
var tipo = feature.properties.a
if (tipo == 0) {
return {
color: " #ff0000 ",
weight: 5,
opacity:1
}
}
if (tipo == 3) {
return {
color: " #FFA500 ",
weight: 5,
opacity:1
}
}
if (tipo == 5) {
return {
color: " #00B200 ",
weight: 5,
opacity:1
}
};
},
onEachFeature: function (feature, layer) {
layer.bindPopup( layer.feature.properties.TV + '<br> <div style="font-size:larger"><strong>' + layer.feature.properties.N + '</div>')
str=feature.properties.TV;
str1= feature.properties.N;
layer.bindLabel (str+" "+str1);
}
});
L.marker([38.75270,-0.482253], {icon: hiking}).addTo(Ruta).bindPopup("<b>RUTA</b><img src= 'GR330.jpg' width='300'/>").openPopup();
L.marker([38.768089,-0.503389], {icon: photo}).addTo(Ruta).bindPopup("<b>CAVA ARQUEJADA</b><img src= 'cava1.jpg' width='300'/>").openPopup();
TM= L.geoJson(provincia, {
style: function (feature) {
return {
color: " #F7347A ",
weight: 5,
opacity:0.6,
dashArray: "15, 10, 5, 10"
};
},
onEachFeature: function (feature, layer) {
str=feature.properties.NAME;
layer.bindLabel ("L�MITE PROVINCIAL: "+str);
}
}).addTo(map);
Transporte= L.geoJson(parada_tram, {
pointToLayer: function (feature, latlng) {
return new L.marker (latlng,{icon: busstop});
// return new L.circleMarker(latlng, {
// radius: 2.5,
// fillColor: "#ff7800",
// color: "#000",
// weight: 1,
// opacity: 1,
// fillOpacity: 0.8
// });
},
onEachFeature: function (feature, layer) {
layer.bindPopup(feature.properties.nombre+" : <b><h3> "+feature.properties.NAME+" </b></h3><br> L�NEA: <b>" +feature.properties.linea+" ");
layer.bindLabel ("PARADA TRAM");
}
});
Playas= L.geoJson(playas, {
pointToLayer: function (feature, latlng) {
return new L.marker (latlng,{icon: playa});
},
onEachFeature: function (feature, layer) {
layer.bindPopup(feature.properties.NAME+" </b></h3><br> TIPO: <b>" +feature.properties.linea+" ");
layer.bindLabel ("PLAYA");
}
});
var baseLayers = {
"Imagen": orto,
"Cartograf�a IGN":Mapa,
"Base Cartogr�fica":esritopo,
"Base IGN": carto,
"OSM": osm
};
var overlays = {
"Rutas": Ruta,
"Restaurantes": Restaurantes,
"Hoteles": Hotel,
"Transporte": Transporte,
"Rutas HEIM": Turismo,
"Parq.Naturales": Curvas,
"Playas": Playas,
"Serv.Medicos": Serv_Med
};
L.control.layers(baseLayers, overlays).addTo(map);
var printer = L.easyPrint({
sizeModes: ['A4Landscape', 'A4Portrait'],
filename: 'myMap',
//exportOnly: true,
hideControlContainer: true
}).addTo(map);
addEasyButton(easyButton(
icon="fa-crosshairs", title="Locate Me",
onClick=JS("function(btn, map){ map.locate({setView: true}); }")))
</script>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists