Cette carte interactive a été générée grâce à l'app embedMap : https://www.owlapps.net/modules/owlapps_apps/embedmap



Voilà le code HTML d'intégration correspondant à la carte interactive ci-dessus !

    
    <script onerror = "window.location.href='http://www.owlapps.net/modules/owlapps_apps/embedmap'" src = 'https://www.owlapps.net/modules/owlapps_apps/embedmap/main.js' language="javascript" defer></script>
    
    <div  name="Add your own WMS"   data-owlappsmaplyrgroup = "yes">
    
      <iframe data-owlappsmap = "yes"   name="Using Maptiler WMS"   data-owlappslayers = '[

          {
            "type":"wms",
            "name":"Maptiler (basic-v2-dark)",
            "url": "https://api.maptiler.com/maps/basic-v2-dark/{z}/{x}/{y}.png?key=Qy05OSpVhRneM1XC3yMz",
            "crossOrigin": "true",
            "attribution": "\u003ca target=\"_blank\"  href=\"https://www.maptiler.com/copyright/\"\u003c/a\u003eMaptiler\u003c/a\u003c/a\u003e",
            "tileSize": 256,
            "checked":"yes"
          },
			
          {
            "type":"wms",
            "url": "//ows.mundialis.de/services/service?", 
            "layers":"SRTM30-Colored-Hillshade",
            "name":"Mundialis as an overlay layer",
            "attribution": "Unknown" ,
            "overlay": "yes"
          }
      ]'
      
      style = "border:none;width:100%;min-height:350px;height:80%;"  >
      
        <kml xmlns="http://www.opengis.net/kml/2.2">
        
          <Document>
          
            <Snippet>
            
              <![CDATA[
                Maptiler WMS conf written from their example: <a target="_blank"  href="https://docs.maptiler.com/leaflet/get-started/">https://docs.maptiler.com/leaflet/get-started/</a><br/>

                Configuration:<br/>
                
                <strong>{<br/>
                "type":"wms",<br/>
                "name":"Maptiler (basic-v2-dark)",<br/>
                "url": "https://api.maptiler.com/maps/basic-v2-dark/{z}/{x}/{y}.png?key=Qy05OSpVhRneM1XC3yMz",<br/>
                "crossOrigin": "true",<br/>
                "attribution": "\u003ca target=\"_blank\"  href=\"https://www.maptiler.com/copyright/\"\u003c/a\u003eMaptiler\u003c/a\u003c/a\u003e",<br/>
                "tileSize": 256,<br/>
                "checked":"yes"<br/>
                }</strong><br/><br/>
                
              ]]>
              
            </Snippet>
            
          </Document>
          
        </kml>
        
      </iframe>
      
    </div>
		  
    

Video demo: