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 src = 'https://www.owlapps.net/modules/owlapps_apps/embedmap/main.js' language="javascript" defer></script>
     
  <div style="display:block;margin-left:auto;margin-right:auto;text-align:center;"> 
   
    <iframe name="Change inherited &amp;lt;richDecos&amp;gt; tag"  style = "border:1px solid lightgrey;height:60vh;width:60vw;min-height:250px;min-width:350px;" data-owlappsmap = "yes" >

      <?xml version="1.0" encoding="UTF-8"?>
      
      <kml xmlns="http://www.opengis.net/kml/2.2">
      
        <Folder>
          
          <open> true </open>
         
          <Style id="mystyletest203333" >
             
            <LabelStyle>
            
              <color>  FF464646 <!-- grey color -->  </color>
              
              <anchor>
              
                <hotSpot x="0.5" xunits="fraction" y="1" yunits="fraction"/>
                
              </anchor>
              
            </LabelStyle>
             
            <IconStyle>
            
              <richDecos>
              
                <img>
                
                  <url>
                  
                    <![CDATA[
                    
                      http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png
                      
                    ]]>

                  </url>
                  
                  <anchor>
                  
                    <hotSpot x="0.3" xunits="fraction" y="0" yunits="pixels"/>
                    
                  </anchor>
                    
                  <pixelSize> 64px </pixelSize>
                   
                  <opacity> 0.7 </opacity>
                  
                </img>
            
              </richDecos>

            </IconStyle>
             
            <LineStyle>
             
              <color> FFAF8F6F <!--  blue denim color with 100% opacity  --> </color>
              
              <width> 25 </width>
              
              <richDecos>
              
                <line>
                
                  <color> red </color>
                  
                  <dashArray> 15, 8 </dashArray>
                  
                  <strokeWidth> 5 </strokeWidth>
                  
                </line> 

              </richDecos>

            </LineStyle>

            <PolyStyle>
            
              <outline> true </outline>  <!-- keep kml-standard polygon border (in our case it's the blue denim color line) -->
            
              <richDecos>
              
                <outer>
                
                  <label>
                  
                    <anchor>
                    
                      <hotSpot x="1" xunits="fraction" y="1.5" yunits="fraction"/>
                      
                    </anchor>

                    <content> My richDecos label for $[name] </content>
                    
                    <color> black </color>
                    
                    <strokeColor> yellow </strokeColor>
                    
                    <strokeWidth> 0.5 </strokeWidth>
                    
                    <scale> 2 </scale>
                    
                  </label>
                  
                </outer>
                
                <border>
                
                  <line>
                  
                    <color> black </color>
                    
                    <dashArray> 25, 10 </dashArray>
                    
                    <strokeWidth> 15 </strokeWidth>
                    
                  </line> 
                  
                </border>
              
                <inner>
                
                  <patternTags>
                  
                    <append>
                    
                      <![CDATA[
                      
                        <pattern patternUnits="userSpaceOnUse" width="22.5" height="22.5" patternTransform="rotate(25)">
                          <line x1="0" y="0" x2="0" y2="22.5" stroke-opacity="1" stroke="green" stroke-width="25" />
                        </pattern>
                        
                      ]]> 
                      
                    </append>
                    
                  </patternTags>
                  
                  <colorize>
                  
                    <color> pink </color> 
                    
                  </colorize>
                  
                </inner>
                
              </richDecos>
              
            </PolyStyle>
         
          </Style>

          <Placemark>
          
            <name> Full inheritance group</name>
            
            <styleUrl>#mystyletest203333</styleUrl>
            
            <Snippet>
            
              <![CDATA[
              
                The inherited &lt;Style> is intact, no modification by the internal &lt;Style> of the &lt;Placemark>.
                
              ]]>
              
            </Snippet>

            <MultiGeometry>
            
              <Polygon>
                <outerBoundaryIs>
                  <LinearRing>
                    <coordinates>
                      -4.199993691912944,53.22544116620932 -4.199369007390144,53.22514042970555 -4.198856948770269,53.22514041634534 -4.198831985174378,53.22514005112362 -4.198265394256556,53.22555794733159 -4.198264783991017,53.22557289233016 -4.198518029990278,53.22609998637395 -4.198542078886192,53.22612276920853 -4.199799417797659,53.22622340806543 -4.199993691912944,53.22544116620932
                    </coordinates>
                  </LinearRing>
                </outerBoundaryIs>
                
                <innerBoundaryIs>
                  <LinearRing>
                    <coordinates>
                      -4.199120873957694,53.22540597098964 -4.198774077462702,53.22594671624545 -4.199397569597993,53.22597079078145 -4.199120873957694,53.22540597098964
                    </coordinates>
                  </LinearRing>
                </innerBoundaryIs>
              </Polygon>
              
              <LineString>
                <coordinates>
                  -4.199320807204112,53.22662764354051 -4.198369742832945,53.22636698809501 -4.197601410875778,53.22560804400192 -4.198190226704303,53.2252577686498
                </coordinates>
              </LineString>
              
              <Point>
                <coordinates>
                  -4.19986882376794,53.22635900889794
                </coordinates>
              </Point>
              
            </MultiGeometry>
            
          </Placemark>
          
          <Placemark>
          
            <name> Group#2 (mutated) </name>
            
            <styleUrl>#mystyletest203333</styleUrl>

            <Style>
            
              <IconStyle>
              
                <richDecos>
                  <!-- let <richDecos> tag empty in order to remove yellow pin -->
                </richDecos>
              
              </IconStyle>
            
              <PolyStyle>
              
                <richDecos>
                  
                  <border>
                    <!-- let <border> tag empty in order to remove black dashes -->
                  </border>
                  
                  <inner>
                    <!-- let <inner> tag empty in order to remove green lines and pink-colored background -->
                  </inner>
                  
                  <outer> 
                    <!-- let <outer> tag empty in order to remove biggest black labels  -->
                  </outer>
                  
                </richDecos>
               
              </PolyStyle>
            
            </Style>
             
            <MultiGeometry>
            
              <Polygon>
                <outerBoundaryIs>
                  <LinearRing>
                    <coordinates>
                      -4.195812876951655,53.22385188923813 -4.195654339524179,53.22345421902563 -4.195154937959806,53.22308061927717 -4.194445751406024,53.22308765952046 -4.194416160508202,53.22309885328706 -4.194357929741743,53.22309799898614 -4.193976055319109,53.22341216347318 -4.194356850605024,53.22383635384556 -4.19521966894341,53.22387226301758 -4.195812876951655,53.22385188923813
                    </coordinates>
                  </LinearRing>
                </outerBoundaryIs>
              </Polygon>
              
              <LineString>
                <coordinates>
                  -4.195990011200833,53.22347592231625 -4.193441259555256,53.22380490721181
                </coordinates>
              </LineString>
              
              <Point>
                <coordinates>-4.194896431468873,53.22395337359819</coordinates>
              </Point>
              
            </MultiGeometry>
            
          </Placemark>

        </Folder>
        
      </kml>  
      
    </iframe>

  </div>
  


Video demo: