<PolyStyle>
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" >
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Document>
<Style id="mypolygons" >
<LineStyle>
<color>
FFcf05ff
</color>
<width>
9
</width>
</LineStyle>
<PolyStyle>
<color>
FF3ae2ff
</color>
<fill>
1
</fill>
<outline>
1
</outline>
</PolyStyle>
</Style>
<Folder>
<name>
styleUrl, outline and fill tag for polygons
</name>
<open>
1
</open>
<Snippet>
<![CDATA[
Show/hide the border of a polygon, show/hide the interior of the polygon!
<a target="_blank" href="https://developers.google.com/kml/documentation/kmlreference#polystyle" >More information on <Style><PolyStyle></a><br/>
The 3 polygons use the same styleUrl.
]]>
</Snippet>
<Placemark>
<Snippet>
Click on that polygons on the map to display their descriptions on popup.
__geolink__
</Snippet>
</Placemark>
<Placemark>
<Snippet>
__geolink__
</Snippet>
<name>
First polygon
</name>
<styleUrl>
#mypolygons
</styleUrl>
<description>
__geolink__ is the standard polygon with border and interior
</description>
<Polygon>
<outerBoundaryIs>
<LinearRing>
<coordinates>
2.290896,48.57479 2.29087,48.574965 2.290793,48.575134 2.290667,48.57529 2.290498,48.575426 2.290292,48.575538 2.290057,48.575621 2.289802,48.575672 2.289537,48.575689 2.289272,48.575672 2.289017,48.575621 2.288782,48.575538 2.288576,48.575426 2.288407,48.57529 2.288281,48.575134 2.288204,48.574965 2.288178,48.57479 2.288204,48.574615 2.288281,48.574446 2.288407,48.57429 2.288576,48.574154 2.288782,48.574042 2.289017,48.573959 2.289272,48.573908 2.289537,48.573891 2.289802,48.573908 2.290057,48.573959 2.290292,48.574042 2.290498,48.574154 2.290667,48.57429 2.290793,48.574446 2.29087,48.574615 2.290896,48.57479
</coordinates>
</LinearRing>
</outerBoundaryIs>
</Polygon>
</Placemark>
<Placemark>
<name>
Second polygon (no border)
</name>
<styleUrl>
#mypolygons
</styleUrl>
<Style>
<PolyStyle>
<outline>
</outline>
</PolyStyle>
</Style>
<description>
__geolink__ is the polygon without border but with an interior
</description>
<Polygon>
<outerBoundaryIs>
<LinearRing>
<coordinates>
2.280072,48.573526 2.28002,48.573877 2.279865,48.574214 2.279614,48.574525 2.279276,48.574798 2.278864,48.575022 2.278394,48.575188 2.277884,48.57529 2.277354,48.575325 2.276824,48.57529 2.276314,48.575188 2.275844,48.575022 2.275432,48.574798 2.275094,48.574525 2.274843,48.574214 2.274688,48.573877 2.274636,48.573526 2.274688,48.573175 2.274843,48.572838 2.275094,48.572527 2.275432,48.572254 2.275844,48.57203 2.276314,48.571864 2.276824,48.571762 2.277354,48.571727 2.277884,48.571762 2.278394,48.571864 2.278864,48.57203 2.279276,48.572254 2.279614,48.572527 2.279865,48.572838 2.28002,48.573175 2.280072,48.573526
</coordinates>
</LinearRing>
</outerBoundaryIs>
</Polygon>
</Placemark>
<Placemark>
<name>
Third polygon (no interior but with border)
</name>
<styleUrl>
#mypolygons
</styleUrl>
<Style>
<PolyStyle>
<outline>
1
</outline>
<fill>
</fill>
</PolyStyle>
</Style>
<description>
__geolink__ is the polygon without interior but with an border
</description>
<Polygon>
<outerBoundaryIs>
<LinearRing>
<coordinates>
2.30443,48.571297 2.304365,48.571736 2.304171,48.572157 2.303857,48.572546 2.303435,48.572887 2.30292,48.573166 2.302332,48.573374 2.301695,48.573502 2.301032,48.573545 2.300369,48.573502 2.299732,48.573374 2.299144,48.573166 2.298629,48.572887 2.298207,48.572546 2.297893,48.572157 2.297699,48.571736 2.297634,48.571297 2.297699,48.570858 2.297893,48.570437 2.298207,48.570048 2.298629,48.569707 2.299144,48.569428 2.299732,48.56922 2.300369,48.569092 2.301032,48.569049 2.301695,48.569092 2.302332,48.56922 2.30292,48.569428 2.303435,48.569707 2.303857,48.570048 2.304171,48.570437 2.304365,48.570858 2.30443,48.571297
</coordinates>
</LinearRing>
</outerBoundaryIs>
</Polygon>
</Placemark>
</Folder>
</Document>
</kml>
</iframe>
<LineStyle>
Voilà le code HTML d'intégration correspondant à la carte interactive ci-dessus !
<div data-owlappsmaplyrgroup = "yes">
<iframe style = "border:none;width:100%;min-height:350px;height:100%;" data-owlappsmap = "yes">
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom">
<Document>
<Snippet>
<![CDATA[
<a rel="sponsored" href="https://www.awin1.com/cread.php?s=3242251&v=29611&q=447910&r=767549">
<img src="https://www.awin1.com/cshow.php?s=3242251&v=29611&q=447910&r=767549" border="0">
</a>
]]>
</Snippet>
<Placemark>
<name>
La Serpentine
</name>
<description>
__geolink__ : LabelStyle, LineStyle et LineString
</description>
<Style>
<LabelStyle>
<scale>
1
</scale>
<color>
FF00000
</color>
<minZoom>
14
</minZoom>
</LabelStyle>
<LineStyle>
<color>
FF0080ff
</color>
<width>
13
</width>
</LineStyle>
</Style>
<LineString>
<coordinates>
2.725111209959628,49.89303574338036,0 2.727509582480812,49.89346162682075,0 2.732627642429641,49.89288359128292,0 2.732459483361891,49.89168488433888,0 2.732215704859067,49.89161823798335,0 2.730412212892379,49.89110915008843,0 2.728003389166853,49.89022800013593,0 2.727832557135732,49.89016233963006,0 2.727628382418699,49.89011931177565,0 2.726265545403039,49.88893665838727,0 2.726265286830076,49.88889288903081,0 2.726264512162306,49.88876176143365,0 2.726263867807577,49.88865269474778,0 2.725957990837704,49.88742477125408,0 2.726154991395091,49.88701840573351,0 2.726710710548645,49.88633810620664,0 2.72687402690964,49.88623186862751,0 2.72723496184492,49.88618710929807,0 2.728820872148641,49.88651095323642,0 2.72898617338388,49.8865307341008,0 2.731644864852703,49.88697535656165,0 2.735508370992734,49.88728564712987,0 2.735572983537609,49.88726378672411,0 2.737542733284679,49.8863580043699,0 2.737567506524519,49.88627368303597,0 2.737590209102516,49.88616850601716,0 2.737647762696607,49.88608417973056,0 2.737550338140384,49.88508723582369,0 2.737511731641566,49.88502571456655,0 2.73740408274433,49.88492365981918,0 2.737227673268043,49.88478127419828,0 2.735036321850439,49.8842064891107,0 2.734874585014475,49.88420776671981,0 2.729447491131582,49.88447441750899,0 2.729123433472875,49.88447696012073,0 2.72863734720352,49.88448077221359,0 2.728378101222317,49.88448280443505,0 2.725494025201594,49.8842611320496,0 2.725461701283551,49.88422077228724,0 2.725300190363853,49.8841408897703,0 2.724916148599603,49.88339836736786,0 2.728955627654674,49.88330833511645,0 2.734488871573828,49.88313707409374,0 2.740740714869065,49.88370252805827,0 2.741813169666054,49.88491257717274,0 2.741823941158392,49.88501707911257,0 2.741845527666833,49.8852265006552,0 2.741533094660147,49.88625879354652,0 2.741496567263519,49.88631225738846,0 2.739726200097314,49.8876132456697,0 2.738764395273769,49.88876416692182,0 2.738793544959974,49.88912113265116,0 2.740768827024689,49.89018664070509,0 2.741031449848736,49.89024039273564,0 2.741339876315843,49.89032177039612,0 2.742770881853109,49.89126650151898,0 2.742875157861258,49.89143556385447,0 2.742849844420814,49.89160600835298,0 2.741470839810172,49.89348419451003,0 2.741438175895938,49.89360075145748,0 2.737728030147473,49.8950089116041,0 2.733257767716011,49.89578692674695,0 2.729000509267641,49.89585020640856,0 2.725364053626731,49.89525407087209,0 2.722550999933846,49.89683126537307,0 2.726213273521876,49.89817203930789,0 2.726438124273833,49.89817027952654,0 2.735543538298222,49.89846773341671,0 2.735768880948521,49.89846595920005,0 2.741553062030524,49.8976229715939,0 2.741639898769244,49.8975917661635,0 2.742371901364762,49.89682655525476,0 2.74245216172404,49.89673524568688,0 2.743272435443109,49.89561838130117,0 2.743263025899645,49.89552906509815,0 2.744207549087767,49.8944562671582,0 2.744251577575423,49.89445591778299,0 2.745442203027453,49.89671155629694,0 2.7436842400299,49.89782005164865,0 2.746424410693233,49.89853597583972,0
</coordinates>
</LineString>
</Placemark>
<Placemark>
<Style>
<LabelStyle>
<scale>
1.5
</scale>
<color>
FF7000f5
</color>
</LabelStyle>
<LineStyle>
<color>
FF08e468
</color>
<width>
5
</width>
</LineStyle>
</Style>
<name>
Docks
</name>
<description>
__geolink__: LineStrings grouped into one MultiGeometry
</description>
<MultiGeometry>
<LineString>
<coordinates>
-5.670104418698614,54.66484515395317
-5.669619432714838,54.66364764916655
</coordinates>
</LineString>
<LineString>
<coordinates>
-5.671178963580644,54.66531451472103
-5.670934252664708,54.66473294883198
</coordinates>
</LineString>
<LineString>
<coordinates>
-5.672129560025496,54.66556410100328
-5.671736734949732,54.66462041763874
</coordinates>
</LineString>
<LineString>
<coordinates>
-5.672752352801226,54.66547625617643
-5.672371915936282,54.6645489456355
</coordinates>
</LineString>
<LineString>
<coordinates>
-5.673379213170534,54.66538384827808
-5.672993933396228,54.66444927414391
</coordinates>
</LineString>
<LineString>
<coordinates>
-5.672993933396228,54.66444927414391
-5.670110458346826,54.66484516020316
</coordinates>
</LineString>
<LineString>
<coordinates>
-5.672769687579986,54.66409777700399
-5.669959860647396,54.66448048787191
</coordinates>
</LineString>
<LineString>
<coordinates>
-5.672639052488549,54.66380308736773
-5.669839412591187,54.66417982621788
</coordinates>
</LineString>
<LineString>
<coordinates>
-5.672664098347028,54.66348560389468
-5.669725246070442,54.66389028452692
</coordinates>
</LineString>
<LineString>
<coordinates>
-5.672565861128518,54.66323740923772
-5.669625423368515,54.66364762871096
</coordinates>
</LineString>
</MultiGeometry>
</Placemark>
</Document>
</kml>
</iframe>
</div>
<IconStyle>
Voilà le code HTML d'intégration correspondant à la carte interactive ci-dessus !
<div data-owlappsmaplyrgroup = "yes">
<iframe style = "border:none;width:100%;min-height:350px;height:100%;" data-owlappsmap = "yes" >
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom">
<Document>
<Style id="commonIco" >
<IconStyle>
<scale>
2.5
</scale>
<Icon>
<href>
http://maps.google.com/mapfiles/kml/paddle/grn-stars.png
</href>
</Icon>
</IconStyle>
</Style>
<Snippet>
<![CDATA[
Stylizing points with <a target="_blank" href="https://developers.google.com/kml/documentation/kmlreference#iconstyle" ><Style><IconStyle></a><br/>
<strong>Point 2</strong> and <strong>Point 2 bis</strong> have the same coordinates<br/>but not the same <hotSpot> params.
]]>
</Snippet>
<Placemark>
<styleUrl>
#commonIco
</styleUrl>
<name>
Point 1
</name>
<Point>
<coordinates>
0.070612,49.367979
</coordinates>
</Point>
</Placemark>
<Placemark>
<description>
<![CDATA[
__geolink__: hotSpot with default params (x="0.5" xunits="fraction" y="0" yunits="pixels")
]]>
</description>
<styleUrl>
#commonIco
</styleUrl>
<Style>
<IconStyle>
<Icon>
<href>
http://maps.google.com/mapfiles/kml/paddle/2.png
</href>
</Icon>
</IconStyle>
</Style>
<name>
Point 2
</name>
<Point>
<coordinates>
0.070811,49.368342
</coordinates>
</Point>
</Placemark>
<Placemark>
<styleUrl>
#commonIco
</styleUrl>
<Style>
<IconStyle>
<Icon>
<href>
http://maps.google.com/mapfiles/kml/pal3/icon1.png
</href>
</Icon>
<hotSpot x="0.5" y="0.5" xunits="fraction" yunits="fraction"/>
</IconStyle>
</Style>
<description>
<![CDATA[
__geolink__: hotSpot with these params (x="0.5" xunits="fraction" y="0.5" yunits="fraction")
]]>
</description>
<name>
Point 2 bis
</name>
<Point>
<coordinates>
0.070811,49.368342
</coordinates>
</Point>
</Placemark>
</Document>
</kml>
</iframe>
</div>
<ExtendedData>
Voilà le code HTML d'intégration correspondant à la carte interactive ci-dessus !
<div data-owlappsmaplyrgroup = "yes">
<iframe style = "border:none;width:100%;min-height:350px;height:100%;" data-owlappsmap = "yes" >
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom">
<Style id="testBalloon" >
<BalloonStyle>
<text>
<![CDATA[
First Data tag value: $[holeNumber] <br/>
First Data tag display name: $[holeNumber/displayName] <br/>
$[description]
]]>
</text>
</BalloonStyle>
</Style>
<Document>
<Snippet>
<![CDATA[
Club house Placemark: <a href="https://developers.google.com/kml/documentation/kmlreference#balloonstyle" ><Style><BalloonStyle></a> tag applied<br/>to its <a href="https://developers.google.com/kml/documentation/extendeddata" ><ExtendedData></a> tag
]]>
</Snippet>
<Placemark>
<styleUrl>
#testBalloon
</styleUrl>
<description>
<![CDATA[
__geolink__: BalloonStyle applied to Placemark ExtendedData
]]>
</description>
<name>
Club house
</name>
<ExtendedData>
<Data name="holeNumber">
<value>
1
</value>
<displayName>
<![CDATA[
<strong> My Hole Number [Data] </strong>
]]>
</displayName>
</Data>
<Data name="holeYardage">
<value>
234
</value>
</Data>
<Data name="holePar">
<value>
4
</value>
</Data>
</ExtendedData>
<Point>
<coordinates>
-111.956,33.5043
</coordinates>
</Point>
</Placemark>
<Placemark>
<name>
By the lake
</name>
<ExtendedData>
<Data name="holeNumber">
<value>
5
</value>
</Data>
<Data name="holeYardage">
<value>
523
</value>
</Data>
<Data name="holePar">
<value>
5
</value>
</Data>
</ExtendedData>
<Point>
<coordinates>
-111.95,33.5024
</coordinates>
</Point>
</Placemark>
</Document>
</kml>
</iframe>
</div>
