Giuseppe Zanotti EU

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

<iframe name="The first demo of &lt;richDecos&gt; 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>
      <name>
        My document
      </name>
      <open>
        1
      </open>
      
      <Placemark>
        <name>
          My Point
        </name>
        <Snippet>
          <![CDATA[
            A point with a <strong>&lt;richDecos&gt;</strong> tag config. 
          ]]>
        </Snippet>
        <Point>
          <coordinates>
            -122.36868,37.831145,0
          </coordinates>
        </Point>
        <Style>
          <IconStyle>
            
            <richDecos>
            
              <label>
                <content>
                  "$[name]" with black colored letters  
                </content>
                <anchor>
                  0,70
                </anchor>
                <scale>
                  2
                </scale>
                <color>
                  black
                </color>
                <minZoom>
                  5
                </minZoom>
                <maxZoom>
                  14
                </maxZoom>
              </label>
              
              <label>
                <content>
                  "$[name]" with red colored letters  
                 </content>
                 <anchor>
                 </anchor>
                 <scale>
                  2
                </scale>
                <color>
                  red
                </color>
                <maxZoom>
                  14
                </maxZoom>
              </label>
              
              <img>
                <url>
                  http://www.owlapps.net/modules/owlapps_apps/embedmap/img/photofunky.gif
                </url>
                <className></className>
                <minZoom>
                  0
                </minZoom>
                <maxZoom>
                  21
                </maxZoom>
                <pixelSize>
                  70
                </pixelSize> <!--  positive integer number (px units) value -->
                <anchor>
                  25, 50
                </anchor>
              </img>
       
              <img>
                <url> 
                  http://www.owlapps.net/modules/owlapps_apps/embedmap/img/rect2.png 
                </url>
                <minZoom>
                  10
                </minZoom>
                <maxZoom>
                  21
                </maxZoom>
                <pixelSize>
                  50 <!--  positive integer number (px units) value -->
                </pixelSize> 
                <className>
                </className>
                <anchor>
                </anchor>
              </img>
                 
              <raw>
                <content>
                  <![CDATA[ 
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="300" height="200">
                      <title>
                        Exemple simple de figure SVG
                      </title>
                      <desc>
                        Cette figure est constituée d'un rectangle,
                        d'un segment de droite et d'un cercle.
                      </desc>
                           
                      <rect width="100" height="80" x="0" y="70" fill="green" />
                      <line x1="5" y1="5" x2="250" y2="95" stroke="red" />
                      <circle cx="90" cy="80" r="50" fill="blue" />
                      <text x="180" y="60">Un texte en SVG
                    </svg>
                  ]]> 
                </content> 
                <minZoom>
                  10
                </minZoom>
                <maxZoom>
                  21
                </maxZoom>
              </raw>
              
            </richDecos>
             
          </IconStyle>
        </Style>
      </Placemark>
      
    </Document>
  </kml> 
</iframe>