Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédenteProchaine révisionLes deux révisions suivantes |
geo:leaflet [2017/05/11 19:21] – jbpuel | geo:leaflet [2017/05/16 08:03] – jbpuel |
---|
<script src="http://image.ensfea.fr/opp/lib/leaflet/leaflet.js"></script> | <script src="http://image.ensfea.fr/opp/lib/leaflet/leaflet.js"></script> |
--> | --> |
<style type="text/css"> | |
.modalDialog { | |
font-family: Arial, Helvetica, sans-serif; | |
background: rgba(0,0,0,0.8); | |
z-index: 99999; | |
opacity:0; | |
-webkit-transition: opacity 400ms ease-in; | |
-moz-transition: opacity 400ms ease-in; | |
transition: opacity 400ms ease-in; | |
pointer-events: none; | |
} | |
.modalDialog:target { | |
opacity:1; | |
pointer-events: auto; | |
} | |
.modalDialog > div { | |
width: 400px; | |
position: relative; | |
margin: 10% auto; | |
padding: 5px 20px 13px 20px; | |
border-radius: 10px; | |
background: #fff; | |
background: -moz-linear-gradient(#fff, #999); | |
background: -webkit-linear-gradient(#fff, #999); | |
background: -o-linear-gradient(#fff, #999); | |
} | |
.close { | |
background: #606061; | |
color: #FFFFFF; | |
line-height: 25px; | |
position: absolute; | |
right: -12px; | |
text-align: center; | |
top: -10px; | |
width: 24px; | |
text-decoration: none; | |
font-weight: bold; | |
-webkit-border-radius: 12px; | |
-moz-border-radius: 12px; | |
border-radius: 12px; | |
-moz-box-shadow: 1px 1px 3px #000; | |
-webkit-box-shadow: 1px 1px 3px #000; | |
box-shadow: 1px 1px 3px #000; | |
} | |
.close:hover { background: #00d9ff; } | |
</style> | |
| |
</head> | </head> |
| |
<script> | <script> |
var Esri_WorldImagery = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', { | var Esri_WorldImagery = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', { |
attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community' | attribution: '<a href="https://wiki.ensfea.fr/doku.php?id=geo:credits_carto">Credits</a>' |
}); | }); |
| |
var Esri_WorldTopoMap = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}', { | var Esri_WorldTopoMap = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}', { |
attribution: 'Tiles © Esri — Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community' | attribution: '<a href="https://wiki.ensfea.fr/doku.php?id=geo:credits_carto">Credits</a>' |
}); | }); |
| |
{ | { |
maxZoom: 20, | maxZoom: 20, |
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' + | attribution: '<a href="https://wiki.ensfea.fr/doku.php?id=geo:credits_carto">Credits</a>', |
'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + | |
'Imagery © <a href="http://mapbox.com">Mapbox</a>', | |
id: 'mapbox.streets' | id: 'mapbox.streets' |
}); | }); |
[43.528436617925763, 1.467633694410324], | [43.528436617925763, 1.467633694410324], |
[43.528436617925763, 1.467633694410324] | [43.528436617925763, 1.467633694410324] |
]; | ]; |
<!-- Version popup | var polyline = L.polyline(poly, {color: 'red'}).bindPopup('<b>Track N°1</b><br /><a href="http://image.enfa.fr/opp/video/transect.html" target=_blank>Lien</a>').addTo(tracks); |
var polyline = L.polyline(poly, {color: 'red'}).bindPopup('<b>Track N°1</b><br /><a href="http://image.enfa.fr/opp/video/transect.html">Lien</a>').addTo(tracks); | |
--> | |
var polyline = L.polyline(poly, {color: 'red'}).bindPopup('<a href="#openModal">Voir la vidéo</a><div id="openModal" class="modalDialog"><div><a href="#close" title="Close" class="close">X</a><div id="video" style="margin: 0 auto; width: 854px; height: 480px; box-shadow: 0 0 10px #999;"><video style="display:block; margin: 0 auto;" width="854" height="480" controls><source src="http://image.ensfea.fr/opp/video/transect.mp4" type="video/mp4">Impossible de diffuser la vidéo.</video></div></div></div>').addTo(tracks); | |
| |
var overlayMaps = { | var overlayMaps = { |
| |
</html> | </html> |
| |
| [[geo:credits_carto|Credits]] cartographie |
| |