Outils pour utilisateurs

Outils du site


geo:leaflet

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
Dernière révisionLes deux révisions suivantes
geo:leaflet [2017/05/11 19:21] jbpuelgeo:leaflet [2017/06/07 07:35] jbpuel
Ligne 20: Ligne 20:
 <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>
  
Ligne 74: Ligne 27:
   <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 &copy; Esri &mdash; SourceEsri, 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 &copy; Esri &mdash; 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>'
 }); });
  
Ligne 87: Ligne 40:
  {  {
  maxZoom: 20,  maxZoom: 20,
- attribution: 'Map data &copy; <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'
  });  });
Ligne 258: Ligne 209:
 [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 = {
Ligne 290: Ligne 238:
  
 </html> </html>
 +
 +[[geo:credits_carto|Credits]] cartographie
 +
 +[[Carto transect]]
 +
 +[[Carto RI]]
  
geo/leaflet.txt · Dernière modification : 2017/06/07 07:36 de jbpuel