Voilà le code HTML d'intégration correspondant à la carte interactive ci-dessus !
<iframe name="The first demo of <LineStyle><richDecos> tag" style = "border:none;width:100%;min-height:350px;height:80%;" data-owlappsmap = "yes" >
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Document>
<Folder>
<Style id = "multilines">
<LineStyle>
<color>
FFcd12ff
</color>
<width>
3
</width>
<richDecos>
<img>
<url>
/modules/owlapps_apps/embedmap/img/arrowhead.jpg
</url>
<rotate>
true
</rotate>
<pixelSize>
2em
</pixelSize>
<offSet>
100%
</offSet>
<repeat>
100%
</repeat>
</img>
</richDecos>
</LineStyle>
</Style>
</Folder>
<name>
Lines, polylines, streams, networks, etc.
</name>
<open>
1
</open>
<Placemark>
<name>
Air travel
</name>
<Snippet>
<![CDATA[
<!-- START ADVERTISER: Brussels Airlines FR from awin.com -->
<a rel="sponsored" href="https://www.awin1.com/cread.php?s=3028943&v=7343&q=312655&r=767549">
<img src="https://www.awin1.com/cshow.php?s=3028943&v=7343&q=312655&r=767549" border="0">
</a>
<!-- END ADVERTISER: Brussels Airlines FR from awin.com -->
]]>
</Snippet>
<description>
<![CDATA[
<!-- START ADVERTISER: Brussels Airlines FR from awin.com -->
<a rel="sponsored" href="https://www.awin1.com/cread.php?s=3028943&v=7343&q=312655&r=767549">
<img src="https://www.awin1.com/cshow.php?s=3028943&v=7343&q=312655&r=767549" border="0">
</a>
<!-- END ADVERTISER: Brussels Airlines FR from awin.com -->
]]>
</description>
<Style>
<LineStyle>
<color>
0001e849
</color>
<width>0</width>
<richDecos>
<img>
<url>
/modules/owlapps_apps/embedmap/img/icon_plane.png
</url>
<rotate>
true
</rotate>
<pixelSize>
50px
</pixelSize>
<repeat>
10%
</repeat>
</img>
<line>
<dashArray>
1, 50
</dashArray>
<strokeWidth>
20
</strokeWidth>
<color>
gold
</color>
<lineCap>
round <!-- butt | round | square -->
</lineCap>
<lineJoin>
arcs <!-- arcs | bevel |miter | miter-clip | round -->
</lineJoin>
</line>
</richDecos>
</LineStyle>
</Style>
<LineString>
<coordinates>
2.33935,48.85777 2.33935,44.85777 -24,33
</coordinates>
</LineString>
</Placemark>
<Placemark>
<name>
Super Highway
</name>
<Snippet>
$[description]
<![CDATA[
<!-- START ADVERTISER: Kappa FR from awin.com -->
<a rel="sponsored" href="https://www.awin1.com/cread.php?s=2826103&v=20945&q=399259&r=767549">
<img src="https://www.awin1.com/cshow.php?s=2826103&v=20945&q=399259&r=767549" border="0">
</a>
<!-- END ADVERTISER: Kappa FR from awin.com -->
]]>
</Snippet>
<description>
<![CDATA[
Andiamo avanti ! <br/><br/><br/>
]]>
</description>
<Style>
<LabelStyle>
<color>
FF000000
</color>
</LabelStyle>
<LineStyle>
<width>
0
</width>
<richDecos>
<line>
<strokeWidth>
20
</strokeWidth>
<color>
orange
</color>
<lineCap>
butt <!-- butt | round | square -->
</lineCap>
<lineJoin>
arcs <!-- arcs | bevel |miter | miter-clip | round -->
</lineJoin>
</line>
<line>
<strokeWidth>
50
</strokeWidth>
<color>
red
</color>
<lineCap>
butt <!-- butt | round | square -->
</lineCap>
<lineJoin>
arcs <!-- arcs | bevel |miter | miter-clip | round -->
</lineJoin>
</line>
</richDecos>
</LineStyle>
</Style>
<LineString>
<coordinates>
12.531656,42.737176 9.971842,44.758287 2.33935,48.85777
</coordinates>
</LineString>
</Placemark>
<Placemark>
<visibility></visibility>
<name>
Air travel 2 red
</name>
<Snippet>
</Snippet>
<Style>
<LineStyle>
<color>
FF01e849
</color>
<width>
0
</width>
<richDecos>
<img>
<url>
/modules/owlapps_apps/embedmap/img/arrowhead.jpg
</url>
<rotate>
true
</rotate>
<pixelSize>
50px
</pixelSize>
<repeat>
10%
</repeat>
</img>
<line>
<dashArray>
1, 50
</dashArray>
<strokeWidth>
20
</strokeWidth>
<color>
red
</color>
<lineCap>
round <!-- butt | round | square -->
</lineCap>
<lineJoin>
arcs <!-- arcs | bevel |miter | miter-clip | round -->
</lineJoin>
</line>
</richDecos>
</LineStyle>
</Style>
<LineString>
<coordinates>
2.33935,48.85777 2.33935,44.85777 -24,33
</coordinates>
</LineString>
</Placemark>
<Placemark>
<name>Lines with an arrow head</name>
<Snippet>
<![CDATA[
These lines have an arrowhead at their end.<br/>
<a target="_blank" href="/modules/owlapps_apps/embedmap/img/arrowhead.jpg" >The image file used to represent the arrowhead</a>.<br/> <br/>
<!-- START ADVERTISER: Costa Croisieres FR from awin.com -->
<a rel="sponsored" href="https://www.awin1.com/cread.php?s=2872351&v=19259&q=397779&r=767549">
<img src="https://www.awin1.com/cshow.php?s=2872351&v=19259&q=397779&r=767549" border="0">
</a>
<!-- END ADVERTISER: Costa Croisieres FR from awin.com -->
]]>
</Snippet>
<description>
<![CDATA[
<!-- START ADVERTISER: Costa Croisieres FR from awin.com -->
<a rel="sponsored" href="https://www.awin1.com/cread.php?s=2872351&v=19259&q=397779&r=767549">
<img src="https://www.awin1.com/cshow.php?s=2872351&v=19259&q=397779&r=767549" border="0">
</a>
<!-- END ADVERTISER: Costa Croisieres FR from awin.com -->
]]>
</description>
<styleUrl>
#multilines
</styleUrl>
<MultiGeometry>
<LineString>
<coordinates>
-124.9972680160905,26.57596239469431,0 -128.2132283839289,29.14425150417605,0
</coordinates>
</LineString>
<LineString>
<coordinates>
-124.6752374352658,25.98847026946984,0 -125.4439076463807,23.17442562511604,0
</coordinates>
</LineString>
<LineString>
<coordinates>
-124.3954773488671,27.23992427559001,0 -124.5084740635849,30.08533666605323,0
</coordinates>
</LineString>
</MultiGeometry>
</Placemark>
</Document>
</kml>
</iframe>