Voilà le code HTML d'intégration correspondant à la carte interactive ci-dessus !
<iframe style = "border:none;width:100%;min-height:350px;height:80%;" data-owlappsmap = "yes"
data-owlappscss= '{
"link":
"
http://www.owlapps.net/modules/owlapps_apps/embedmap/ex1.css,
https://fonts.googleapis.com/css?family=Kenia,
"
,
"internal":
"
.myRedFont {
font-family: Kenia, serif ;
fill: red; /* use fill instead of color because <text> tag is a SVG tag */
opacity:0.7;
}
.myBigSize {
font-size:2.5em;
}
"
}'
>
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Document>
<Folder>
<name>
Test your own custom CSS
</name>
<open>
1
</open>
<Snippet>
<![CDATA[
The beautiful <strong><a target="_blank" href="https://fonts.google.com/specimen/Kenia?utm_source=developers.google.com&utm_medium=referral" >Kenia</a></strong> Google Font!
]]>
</Snippet>
<Placemark>
<name>
Hello!
</name>
<Point>
<coordinates>
2.33935,48.85777
</coordinates>
</Point>
<description>
<![CDATA[
__geolink__ , voilà un exemple d'utilisation de la balise LabelStyle et de la propriété data-owlappscss
]]>
</description>
<Style>
<LabelStyle>
<scale>
2
</scale>
<color>
FF00ebff <!-- yellow color -->
</color>
<className>
myRedFont myBigSize <!-- final result is a red color font (70% opacity) instead of yellow color -->
</className>
<anchor>
0, 35
</anchor>
<!-- anchor tag is not a standard KML tag, especially created for the embedMap technology -->
</LabelStyle>
</Style>
</Placemark>
</Folder>
</Document>
</kml>
</iframe>