<\/div>

<\/div><\/div>

<?xml version="1.0" encoding="UTF-8"?>
\n<kml xmlns="http:\/\/www.opengis.net\/kml\/2.2">
\n<Placemark>
\n<name>Visite du 16 juin 2017<\/name>
\n<description>
\n<![CDATA[
\n<p>Apr\u00e8s v\u00e9rification des capteurs mis en place, nous avons proc\u00e9d\u00e9 \u00e0 l\u2019\u00e9chantillonnage<\/p>
\n<p>Les \u00e9chantillons ont \u00e9t\u00e9 marqu\u00e9s et emball\u00e9s sur place<\/p>
\n]]>
\n<\/description>
\n<Point>
\n<coordinates>-4.964,48.392,0<\/coordinates>
\n<\/Point>
\n<\/Placemark>
\n<\/kml><\/div><\/div>\n

[flexiblemap src=\u00a0\u00bbhttp:\/\/www.nasca.ovh\/downloads\/kml\/ballonTexteSimple1.kml\u00a0\u00bb width=\u00a0\u00bb100%\u00a0\u00bb zoom=\u00a0\u00bb12″ maptype=\u00a0\u00bbsatellite\u00a0\u00bb]<\/p>\n

La mise en forme du texte suit les r\u00e8gles HTML:<\/p>\n

les paragraphes sont d\u00e9limit\u00e9s par les balises <p> et <\/p> et d\u00e9terminent un saut d’une ligne<\/li>\n
si vous voulez passer \u00e0 la ligne sans une ligne blanche, vous utilisez la balise <\/br><\/li>\n
pour mettre les caract\u00e8res en gras vous utilisez les balises <b> et <\/b> et pour les italiques les balises <em> et <\/em><\/li>\n<\/ul>\n
Les deux autres \u00e9l\u00e9ments \u00e0 prendre en charge ce sont les hyperliens et les images.<\/p>\n
Inclusion d’un hyperlien<\/h3>\n
Les hyperliens sont des r\u00e9f\u00e9rences \u00e0 d’autres ressources sur le World Wide Web. Utilisez un code HTML standard pour ajouter un lien hypertexte au ballon.Lorsque l’utilisateur clique sur ce lien, l’adresse cible (URL) s’ouvre dans une nouvelle fen\u00eatre du navigateur.
\nL’hyperlien complet est inclus dans les balises <a> et <\/a>.L’attribut href de la balise <a> contient l’URL du lien, entre guillemets.La valeur de la balise <a> (c’est-\u00e0-dire la cha\u00eene entre les variables de d\u00e9but et de fin pour cet \u00e9l\u00e9ment) contient le texte affich\u00e9 dans la description.<\/p>\n
<\/div>
<\/div>
<\/div><\/div>
<description>
\n<![CDATA[
\n<a href="http:\/\/www.sigterritoires">
\nLe Blog SIG<\/a> & Territoires<\/a>
\n]]>
\n<\/description><\/div><\/div>\n
Inclusion d’une image<\/h3>\n
Pour ajouter une image au ballon, utilisez la balise HTML <img>. Par exemple:<\/p>\n
<\/div>
<\/div>
<\/div><\/div>
<Description>
\n<! [CDATA [
\n<Img src<\/a> = "monimage.jpg" \/>
\n]]>
\n<\/ Description><\/div><\/div>\n
Cet exemple utilise un fichier image situ\u00e9 dans le m\u00eame r\u00e9pertoire que le fichier KML.
\nLa r\u00e9f\u00e9rence de l’image peut \u00e9galement \u00eatre l’URL d’une image stock\u00e9e sur le Web (par exemple:
\nHttp: \/\/serveur\/repertoire\/photo.jpg). Les autres formats d’image support\u00e9s sont .png, .tif et gif.<\/p>\n
Mod\u00e8le de code ballon<\/h2>\n
Voici un petit fichier KML que vous pouvez sauvegarder et utiliser comme mod\u00e8le pour vos futurs ballons.<\/p>\n
<\/div>
<\/div>
<\/div><\/div>
<?xml version="1.0" encoding="UTF-8"?>
\n<kml xmlns="http:\/\/www.opengis.net\/kml\/2.2">
\n<Document>
\n<Placemark>
\n<name>Nom de votre endroit<\/name>
\n<description>
\n<![CDATA[
\nPremier paragraphe.
\n<br\/>
\nCode pour ajouter un hyperlien:
\n<p><a href="http:\/\/www.nasca.ovh">
\nMettez ici le texte de votre lien.<\/a><\/p>
\n<p>Code pour ajouter une image:
\n<img src="http:\/\/www.nasca.ovh\/downloads\/logonascanew200b.jpg"><\/p>
\n<p><b>Exemple de texte en gras.<\/b><\/p>
\n<p><em>Exemple de texte en italique.<\/em><\/p>
\n]]>
\n<\/description>
\n<Point>
\n<coordinates>-4.964,48.392,0<\/coordinates>
\n<\/Point>
\n<\/Placemark>
\n<\/Document>
\n<\/kml><\/div><\/div>\n
Et voici ce que donne son affichage<\/p>\n
[flexiblemap src=\u00a0\u00bbhttp:\/\/www.nasca.ovh\/downloads\/kml\/modeleballon0.kml\u00a0\u00bb width=\u00a0\u00bb100%\u00a0\u00bb zoom=\u00a0\u00bb12″ maptype=\u00a0\u00bbsatellite\u00a0\u00bb]<\/p>\n
G\u00e9rer les couleurs<\/h2>\n
Vous pouvez modifier les couleurs par d\u00e9faut du texte et du fond.
\nPour modifier la couleur de fond du ballon, utilisez l’\u00e9l\u00e9ment <BalloonStyle>, qui est toujours contenu dans un \u00e9l\u00e9ment <Style>.
\nPour modifier la couleur du texte, utilisez l’\u00e9l\u00e9ment <BalloonStyle>, qui est aussi toujours contenu dans l’\u00e9l\u00e9ment <Style>.<\/p>\n
<\/div>
<\/div>
<\/div><\/div>
<Style>
\n<BalloonStyle>
\n<bgColor>ff856478<\/bgColor>
\n<textColor>ff00aa00<\/textColor>
\n<\/BalloonStyle>
\n<\/Style><\/div><\/div>\n
Comment sp\u00e9cifier des valeurs de couleur?<\/h2>\n
Les valeurs de couleur dans KML contiennent deux parties: une valeur de transparence et une valeur de couleur avec les composants bleus, verts et rouges. Pour l’instant, Google Earth ignore la valeur de transparence pour les arri\u00e8re-plans de ballon. Ce n’est pas le cas pour les images en overlay. Nous verrons donc l’utilisation de la transparence dans l’article consacr\u00e9 aux overlays.<\/p>\n
En KML, les couleurs sont exprim\u00e9es en notation hexad\u00e9cimale (de 00 \u00e0 FF). Chacune des quatre composantes (transparence, bleu, vert, rouge) est exprim\u00e9e avec deux chiffres: aabbggrr<\/strong><\/em> o\u00f9 :<\/p>\n
\n
aa sont les deux chiffres sp\u00e9cifiant la valeur de la transparence (ceci correspond au canal alpha, qui est souvent utilis\u00e9 dans l’infographie pour stocker la composante de transparence d’une couleur). Une valeur de 00 indique une couleur compl\u00e8tement transparente. Une valeur de ff indique une opacit\u00e9 compl\u00e8te (pas de transparence).<\/li>\n
bb sont les deux chiffres sp\u00e9cifiant la valeur de couleur bleue.<\/li>\n
gg sont les deux chiffres sp\u00e9cifiant la valeur de couleur verte.<\/li>\n
rr sont les deux chiffres sp\u00e9cifiant la valeur de couleur rouge.<\/li>\n<\/ul>\n
La gamme de valeurs pour chaque couleur est de 0 \u00e0 255, avec 0 signifiant "pas de cette couleur", et 255 signifiant "saturation compl\u00e8te de cette couleur".<\/p>\n
Pour les couleurs de base, les valeurs sont donc les suivantes (toutes avec une opacit\u00e9 compl\u00e8te): Rouge= ff0000ff, Vert= ff00ff00, Bleu= ffff0000,Blanc= ffffffff, Noir= ff000000.<\/p>\n
Par contre, c’est un peu compliqu\u00e9 de trouver les autres couleurs sans aucune aide. Heureusement, l’interface utilisateur Google Earth comprend un s\u00e9lecteur de couleurs qui vous permet de choisir des couleurs pour les lignes et les contours et les remplissages de polygones. Bien que l’interface utilisateur ne vous permet pas de sp\u00e9cifier la couleur pour un fond de ballon, vous pouvez utiliser le S\u00e9lecteur de couleur pour identifier la couleur souhait\u00e9e. Ensuite, vous pouvez ajouter un \u00e9l\u00e9ment <bgColor> au fichier KML avec cette couleur comme valeur.
\nPour ce faire:
\n1. Cr\u00e9ez un polygone dans Google Earth. Cliquez avec le bouton droit de la souris pour s\u00e9lectionner Propri\u00e9t\u00e9s; Puis acc\u00e9dez \u00e0 l’onglet Style \/ Couleur et cliquez sur le carr\u00e9 "ZONE -> Couleur" pour afficher le s\u00e9lecteur de couleur.
\n2. Utilisez l’outil S\u00e9lecteur de couleur pour choisir une couleur. Supposons que vous choisissiez un bleu-mauve avec des valeurs de Rouge: 115, Vert: 80 et Bleu: 255.
\n3. Utilisez le copier-coller pour copier le polygone color\u00e9 dans un \u00e9diteur de texte.
\n4. Vous pouvez maintenant voir dans le fichier la valeur hexad\u00e9cimale pour la couleur que vous avez cr\u00e9\u00e9e. Dans cet exemple, vous verrez ces lignes de code KML:
\n
<\/div>
<\/div>
<\/div><\/div>
<PolyStyle>
\n<color>ffff5073<\/color>
\n<\/PolyStyle><\/div><\/div>
\nPour utiliser cette couleur comme couleur d’arri\u00e8re-plan d’un ballon, sp\u00e9cifiez-la comme valeur pour l’\u00e9l\u00e9ment <bgColor>, comme suit:
\n
<\/div>
<\/div>
<\/div><\/div>
<Style>
\n<BalloonStyle>
\n<BgColor> ffff5073 <\/ bgColor>
\n<\/ BalloonStyle>
\n<\/ Style><\/div><\/div><\/p>\n
<\/div>
<\/div>
<\/div><\/div>
N’oubliez pas que dans KML, l’ordre des \u00e9l\u00e9ments enfants dans l’\u00e9l\u00e9ment parent doit \u00eatre maintenu. Dans l’\u00e9l\u00e9ment <Placemark>, par exemple, l’\u00e9l\u00e9ment <Style> est toujours plac\u00e9 apr\u00e8s la <description>.<\/div><\/div>\n
Eviter la proposition d’itin\u00e9raire dans votre ballon<\/h2>\n
Par d\u00e9faut, la proposition d’itin\u00e9raire est pr\u00e9sente dans les ballons. Pour que celle-ci n’apparaisse pas, il faut courtcircuiter l’affichage par d\u00e9faut.<\/p>\n
Pour cela, il suffit de placer un paragraphe <text> dans votre <BalloonStyle> contenant des entit\u00e9s. Une entit\u00e9 est une \u00e9tiquette faisant r\u00e9f\u00e9rence \u00e0 un \u00e9l\u00e9ment pr\u00e9sent dans le Placeholder. Ces \u00e9tiquettes se distinguent parceque ellle commencent par le caract\u00e8re $.<\/p>\n
Par exemple $[name] sera remplac\u00e9 lors de l’affichage du ballon par le texte contenu entre les deux balises <name> et <\/name>.<\/p>\n
Par exemple:<\/p>\n
<\/div>
<\/div>
<\/div><\/div>
<Style>
\n<BalloonStyle>
\n<text>
\n<![CDATA[
\n$[name]
\n<p>
\n$[description]
\n]]>
\n<\/text>
\n<\/BalloonStyle>
\n<\/Style><\/div><\/div>\n
Le fait d’avoir des entit\u00e9s dans les balises <texte> du style, fait que l’affichage par d\u00e9fauit est ignor\u00e9 et seules les entit\u00e9s pr\u00e9sentes dans la d\u00e9finition seront affich\u00e9es, en suivant la mise en forme d\u00e9finie dans le style.<\/p>\n
Si vous voulez garder la recherche d’itin\u00e9raire dans l’affichage, incluez l’entit\u00e9 $[geDirections] dans votre style.<\/p>\n
Changer l’ic\u00f4ne par d\u00e9faut<\/h2>\n
Pour ajouter une ic\u00f4ne personnalis\u00e9e, utilisez l’\u00e9l\u00e9ment <IconStyle> pour sp\u00e9cifier l’image personnalis\u00e9e \u00e0 utiliser comme ic\u00f4ne. Vous pouvez sp\u00e9cifier l’une des ic\u00f4nes Google Earth standard situ\u00e9es sur le Web, ou vous pouvez sp\u00e9cifier votre propre image. Si vous fournissez votre propre image, assurez-vous d’inclure l’image dans l’archive KMZ ou publiez-la sur un serveur Web afin que les autres utilisateurs puissent charger l’ic\u00f4ne avec votre fichier KML.
\nPour utiliser une ic\u00f4ne standard de Google Earth, acc\u00e9dez \u00e0 la bo\u00eete de dialogue Modifier rep\u00e8re<\/strong><\/em> dans Google Earth et cliquez sur l’ic\u00f4ne jaune.<\/p>\n
$\"\"$ <\/a><\/p>\n
Cette action affiche la palette d’ic\u00f4nes standard dans Google Earth. Lorsque vous cliquez sur une ic\u00f4ne dans cette palette, son URL s’affiche en haut de la bo\u00eete de dialogue. Vous pouvez sp\u00e9cifier cette URL comme la valeur de <href> dans l’\u00e9l\u00e9ment <IconStyle>.
\nVoici un exemple d’utilisation de l’\u00e9l\u00e9ment <IconStyle> pour ajouter une ic\u00f4ne tout \u00e0 fait personnelle. Le fichier image est stock\u00e9 au m\u00eame endroit que le fichier KML qui le r\u00e9f\u00e8re, donc il n’a pas besoin de la sp\u00e9cification du chemin complet.
\n
<\/div>
<\/div>
<\/div><\/div>
<IconStyle>
\n<Icon>
\n<href>monicone.png<\/href>
\n<\/Icon>
\n<\/IconStyle><\/div><\/div><\/p>\n
Si le fichier image d’ic\u00f4ne est stock\u00e9 sur un serveur distant, vous devez sp\u00e9cifier l’URL compl\u00e8te dans l’\u00e9l\u00e9ment <href>. Voici l’exemple:<\/p>\n
<\/div>
<\/div>
<\/div><\/div>
<IconStyle>
\n<Icon>
\n<href>http:\/\/www.nasca.ovh\/downloads\/monicone.png<\/href>
\n<\/Icon>
\n<\/IconStyle><\/div><\/div>\n
Pour finir avec cette partie, voici un mod\u00e8le de fichier kml contenant ce que nous venons de voir dans cet article et que vous pourrez modifier \u00e0 votre guise:<\/p>\n
<\/div>
<\/div>
<\/div><\/div>
<?xml version="1.0" encoding="UTF-8"?>
\n<kml xmlns="http:\/\/www.opengis.net\/kml\/2.2">
\n<Document>
\n<Placemark>
\n<name>Nom de votre endroit<\/name>
\n<description>
\n<![CDATA[
\nLe premier paragraphe.
\n<\/br>
\nCode pour ajouter un hyperlien:
\n<a href="http:\/\/code.google.com\/apis\/kml">
\nMettez ici le texte de votre lien.<\/a>
\n<p>
\nCode pour inserer une image image:
\n<img src="http:\/\/code.google.com\/images\/code_sm.png">
\n<\/p>
\n<p>
\n<b>Exemple de texte en gras.<\/b>
\n<\/p>
\n<p>
\n<em>Exemple de texte en italique.<\/em>
\n<\/p>
\n]]>
\n<\/description>
\n<Style>
\n<IconStyle>
\n<Icon>
\n<href>monicone.png<\/href>
\n<\/Icon>
\n<\/IconStyle>
\n<BalloonStyle>
\n<bgColor>ff669999<\/bgColor> <!– par defaut=ffffffff –>
\n<textColor>ff660000<\/textColor> <!– par defaut=ff000000 –>
\n<text> <!– enl\u00e8ve la proposition d’itin\u00e9raire–>
\n<![CDATA[
\n$[name]
\n<p>
\n$[description]
\n]]>
\n<\/text>
\n<\/BalloonStyle>
\n<\/Style>
\n<Point>
\n<coordinates>…<\/coordinates)
\n<\/Point>
\n<\/Placemark>
\n<\/Document>
\n<\/kml><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"
Dans cet article nous irons au-del\u00e0 des bases du KML, afin que vous puissiez cr\u00e9er un fichier KML qui ajoute des ic\u00f4nes sp\u00e9ciales, des ballons de description plus \u00e9labor\u00e9s et des effets personnalis\u00e9s sur vos rep\u00e8res…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"give_campaign_id":0,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sfsi_plus_gutenberg_text_before_share":"","sfsi_plus_gutenberg_show_text_before_share":"","sfsi_plus_gutenberg_icon_type":"","sfsi_plus_gutenberg_icon_alignemt":"","sfsi_plus_gutenburg_max_per_row":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[172],"tags":[393,392,395,391,394],"class_list":["post-4091","post","type-post","status-publish","format-standard","hentry","category-tutoriel","tag-ballon","tag-bulle","tag-icone","tag-kml","tag-style"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p6XU0A-13Z","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/4091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/comments?post=4091"}],"version-history":[{"count":0,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/4091\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/media?parent=4091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/categories?post=4091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/tags?post=4091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Inclusion d’une image<\/h3>\nPour ajouter une image au ballon, utilisez la balise HTML <img>. Par exemple:<\/p>\n

Mod\u00e8le de code ballon<\/h2>\nVoici un petit fichier KML que vous pouvez sauvegarder et utiliser comme mod\u00e8le pour vos futurs ballons.<\/p>\n