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



See: no-script-tag method

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

    
    <!--  Don't forget to add allowfullscreen property in order enabling the fullscreen mode and add "geolocation" to "allow" property to enable geolocation API    -->
    
    
    <iframe style="width:100%;max-width:550px;height:350px;"
    
    allowfullscreen allow="geolocation;"  
    src = " 
     https://www.owlapps.net/embedmap/noscript?data-owlappskml=%3Ckml%20xmlns=%22http://www.opengis.net/kml/2.2%22%20xmlns:gx=%22http://www.google.com/kml/ext/2.2%22%20xmlns:kml=%22http://www.opengis.net/kml/2.2%22%20xmlns:atom=%22http://www.w3.org/2005/Atom%22%20%3E%3CDocument%3E%3Cname%3E%20Let%27s%20go%20without%20script%20tag%20&%20use%20no-script%20instead!%20%20%3C/name%3E%3CSnippet%3E%3C![CDATA[%20Ain%27t%20no%20mountain%20high%20enough,%20%3Cbr/%3E%20ain%27t%20no%20river%20wide%20enough%20]]%3E%20%3C/Snippet%3E%3CPlacemark%3E%20%3Cname%3E%20%20Hello!%20%3C/name%3E%20%3CPoint%3E%20%3Ccoordinates%3E%20%202.33935,48.85777%20%3C/coordinates%3E%20%3C/Point%3E%3CStyle%3E%3CLabelStyle%3E%3Cscale%3E%202%20%3C/scale%3E%3Ccolor%3E%20FF00ebff%20%3C!--%20yellow%20color%20--%3E%20%3C/color%3E%3CclassName%3E%20myRedFont%20%20myBigSize%20%20%3C!--%20final%20result%20is%20a%20red%20color%20font%20(70%%20opacity)%20instead%20of%20yellow%20color%20--%3E%20%3C/className%3E%3Canchor%3E%20%200,%2035%20%3C/anchor%3E%20%3C!--%20anchor%20tag%20is%20not%20a%20standard%20KML%20tag,%20especially%20created%20for%20the%20embedMap%20technology%20%20--%3E%3C/LabelStyle%3E%3C/Style%3E%3C/Placemark%3E%3C/Document%3E%3C/kml%3E&data-owlappskmlgroupname=Isn%27t%20it%20great?!!!&data-owlappskmlname=Call%20it%20as%20you%20wish%20&%20behold&data-owlappscss={%22link%22:%22http://www.owlapps.net/modules/owlapps_apps/embedmap/ex1.css,https://fonts.googleapis.com/css?family=Kenia,%22,%22internal%22:%22.myRedFont%20{font-family:%20Kenia,%20serif%20%20;fill:%20red;%20%20/*%20use%20fill%20instead%20of%20color%20because%20%20tag%20is%20a%20SVG%20tag%20*/opacity:0.7;}.myBigSize%20{font-size:2.5em;}%22}&data-owlappslayers=[{%22type%22:%22wms%22,%22checked%22:%22yes%22,%22attribution%22%20:%20%22,%20Carte%20%C2%A9%20IGN-F/Geoportail%22,%22name%22:%22PLAN%20IGN%20V2%22,%22legend%22:%20%22https://data.geopf.fr/annexes/ressources/legendes/LEGEND.jpg%22,%22url%22:%20%22https://data.geopf.fr/wmts?VERSION=1.0.0&LAYER=GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}%22,%22format%22:%20%22image/png%22,%22service%22:%20%22WMTS%22,%22request%22:%20%22GetTile%22,%22style%22:%20%22normal%22},{%20%22type%22:%22wms%22,%22url%22:%20%22//ows.mundialis.de/services/service?%22,%22layers%22:%22SRTM30-Colored-Hillshade%22,%22name%22:%22Mundialis%22,%22attribution%22:%20%22Unknown%22,%22checked%22:%20%22yes%22}]
    "
    ></iframe>  
  
    


Video demo: