Dynamische Symbole

Wichtig:Während die dynamischen und interaktiven Google-Diagramme aktiv verwaltet werden, haben wir die statischen Google-Bilddiagramme schon seit 2012 offiziell eingestellt. Sie wurde am 18. März 2019 deaktiviert.

Auf dieser Seite wird beschrieben, wie du mithilfe einer URL verschiedene Zusatzinformationen, Blasen, Stecknadeln und andere Grafiken erstellst.

Dieselbe dynamische Symbolmarkierung wie das eigenständige Bild.
https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000

  1. Einführung
  2. Syntax
  3. Symboltypen
  4. Bubbles
  5. Markierungen
  6. Unterhaltsame Stilnotizen
  7. Hinweise zur Wettervorhersage
  8. Umrissene Schriftart-Textblöcke (nur Text)
  9. Umrissene Schriftart-Textblöcke (Text und Symbol)
  10. Liste der verfügbaren Markierungen und Symbole
  11. Textstrings
  12. Schatten

Einführung

Sie können eine Vielzahl interessanter Zusatzinformationen, Stecknadeln oder Infofelder erstellen, in denen Text und Bilder kombiniert werden. Diese Elemente werden als dynamische Symbole bezeichnet.

Große Blase nur mit Text. Dieselbe dynamische Symbolmarkierung wie das eigenständige Bild.

Syntax

Stamm-URL: https://chart.googleapis.com/chart?

Dynamische Symbole unterstützen die folgenden Parameter nach dem Fragezeichen (? in der Stamm-URL enthalten:

Parameter Erforderlich oder optional Beschreibung
chst=<icon_string_constant> Erforderlich

Beschreibt, welche Art von Symbol erstellt werden soll.

  • icon_string_constant: eine Stringkonstante, die den zu erstellenden Symboltyp beschreibt. Wie Sie ein Symbol auswählen, erfahren Sie unten im Abschnitt Symbole.
chld=<icon_data> Erforderlich

Die spezifischen Daten, die verwendet werden, um Größe, Rotation, Text und andere erforderliche Daten des Symbols zu beschreiben.

  • icon_data: ein Satz von durch senkrechte Striche getrennten Werten für das Symbol. In der Dokumentation auf dieser Seite wird beschrieben, welche Werte für die einzelnen Symboltypen erforderlich sind.

Symboltypen

Typ Beispiele
Bubbles: Hier können Sie kleine oder große Sprechblasen mit oder ohne Symbole auswählen. Kleine Blase mit Symbol und Text.
Mittelgroße Blase mit Symbol und einer Textzeile.
Große Blase nur mit Text
Große Blase nur mit Text.
Markierungen: Stecknadeln können einfach, markiert oder schräg sein und ein Symbol, einen einzelnen Buchstaben oder längere Textstrings umfassen. Einfache Pin mit BuchstabeEinfache Markierung mit Symbol
Lustige Stilnotizen mit Text und optionalem Titel
Notizen zur Wettervorhersage mit Titel, Text und Wettersymbol
Umrissener Textblock mit mehreren Linien, kein Symbol Umrissener Text
Umrissener einzeiliger Textblock mit Symbol

Nach oben

 

Bubbles

Bubbles gibt es in verschiedenen Kombinationen von Merkmalen: groß oder klein, mit oder ohne Symbol, ein- oder mehrzeiliger Text. In der folgenden Tabelle werden die Arten von Blasen und die jeweilige Syntax beschrieben. Die Beschreibung der einzelnen Parameterwerte finden Sie unter der Tabelle.

Einige zusätzliche Hinweise:

  • Die Größe aller Blasen wird an die Breite und Höhe des eingegebenen Texts angepasst.
  • Die Blasenkonstante unterstützt eine Variante, die auf _withshadow endet. Bei der Variante _withshadow wird unter der Blase ein Schatten hinzugefügt.
Text Icon Syntax Nur Schatten Beispiel
Einzeilig No chst=
  d_bubble_text_small[_withshadow]

chld=
  <frame_style>|
  <text>|
  <fill_color>|
  <text_color>
chst=
  [d_]bubble_text_small_shadow

chld=
  <frame_style>|
  <text>

chst=d_bubble_text_small
chld=
  bb|
  Launch+site|
  C6EF8C|
  000000
Einzeilig Yes chst=
  d_bubble_icon_text_small[_withshadow]

chld=
  <icon_string>|
  <frame_style>|
  <text>|
  <fill_color>|
  <text_color>
chst=
  [d_]bubble_icon_text_small_shadow

chld=
  <icon_string>|
  <frame_style>|
  <text>

chst=d_bubble_icon_text_small
chld=
  wc|
  bb|
  Pay+Toilets|
  C6EF8C|
  000000
Einzeilig Yes chst=
  d_bubble_icon_text_big[_withshadow]

chld=
  <icon_string>|
  <frame_style>|
  <text>|
  <fill_color>|
  <text_color>
chst=
  [d_]bubble_icon_text_big_shadow

chld=
  <icon_string>|
  <frame_style>|
  <text>

chst=d_bubble_icon_text_big
chld=
  snack|
  bb|
  $2.99+!|
  FFBB00|
  000000
Mehrzeilig No chst=
  d_bubble_texts_big[_withshadow]

chld=
  <frame_style>|
  <fill_color>|
  <text_color>|
  <text_line_1>
   |...|
  <text_line_n>
chst=
  [d_]bubble_texts_big_shadow

chld=
  <frame_style>|
  <text_line_1>
   |...|
  <text_line_n>

chst=d_bubble_texts_big
chld=
  bb|
  FFB573|
  000000|
  Help+Wanted|
  Hours:+Midnight+to+3:00+AM|
  Good+pay,+interesting+work|
  Contact+V.+Helsing
Mehrzeilig Yes

chst=d_bubble_icon_texts_big[_withshadow]

chld=
  <icon_string>|
  <frame_style>|
  <fill_color>|
  <text_color>|
  <text_line_1>
   |...|
  <text_line_n>

chst=
  [d_]bubble_icon_texts_big_shadow
chld=
  <icon_string>|
  <frame_style>|
  <text_line_1>
   |...|
  <text_line_n>

chst=d_bubble_icon_texts_big
chld=
  home|
  bb|
  FFB573|
  000000|
  Haunted+House|
  Hours:+Midnight+to+3:00+AM|
  Ghouls,+Goblins,+and+Vampires|
  Bring+your+own+wooden+stake

Syntax

<icon_string>
Ein String, der eines der Symbole angibt, die am Ende dieses Dokuments beschrieben werden.
 
<frame_style>
Die Schwanzrichtung. Wählen Sie eine der folgenden Extremwert-Richtungskonstanten aus:
  • bb – Rahmen des Info-Pop-ups, Ende unten links Rahmen des Ballons, Schwanz unten links

  • bbtl – Rahmen des Info-Pop-ups, Ende oben links Rahmen des Ballons, Schwanz oben links

  • bbtr – Rahmen des Info-Pop-ups, Seitenende oben rechts Rahmen des Ballons, Schwanz oben rechts

  • bbbr – Rahmen des Info-Pop-ups, Ende rechts unten Rahmen des Ballons, Schwanz unten rechts

  • bbT – Rahmen für Info-Pop-up, kein Ende Luftballonrahmen, kein Schwanz

  • edge_bl – Rahmen am unteren Rand, linkes Ende Rahmenlinie, Ende am unteren Rand, linkes Ende

  • edge_bc – Rahmen am unteren Rand, zentriert Rahmenlinie am unteren Rand, zentriert

  • edge_br – Rahmen, Rand am unteren Rand, rechtes Ende Rahmenlinie, Ende am unteren Rand, rechtes Ende

  • edge_tl – Rahmen, Rand oben, linkes Ende Rahmenlinie, Ende am oberen Rand, linkes Ende

  • edge_tc – Rahmen am Rand, Ende oben, zentriert Rahmenlinie, Ende am oberen Rand, zentriert

  • edge_tr – Rahmen, Rand oben, rechtes Ende Rahmenlinie, Ende am oberen Rand, rechtes Ende

  • edge_lt – Rahmen am linken Rand, oberes Ende Rahmenlinie, Ende am linken Rand, oberes Ende

  • edge_lc – Rahmen am linken Rand, zentriert Rahmenlinie, Ende am linken Rand, zentriert

  • edge_lb – Rahmen, Rand am linken Rand, unteres Ende Rahmen, Rand am linken Rand, unteres Ende

  • edge_rt – Rahmen am rechten Rand, oberes Ende Rahmenlinie, Rand am rechten Rand, oberes Ende

  • edge_rc – Rahmen am rechten Rand, zentriert Rahmenlinie, Ende am rechten Rand, zentriert

  • edge_rb: Rahmen, Rand am rechten Rand, unteres Ende Rahmenlinie, Ende am rechten Rand, unteres Ende
<fill_color>
Die Füllfarbe der Blasen als sechsstellige HTML-Hexadezimalfarbe.
<text_color>
Die Textfarbe als sechsstellige HTML-Hexadezimalfarbe.
<text>
Eine einzelne Zeile Blasentext für einzeilige Blasen. Leerzeichen müssen durch Pluszeichen (+) gekennzeichnet werden.
<text_line_1>|...|<text_line_n>
Eine oder mehrere Textzeilen für mehrzeilige Sprechblasen. Die einzelnen Zeilen sind durch ein |-Zeichen getrennt. Die erste Zeile wird größer und fett dargestellt. Leerzeichen müssen durch ein Pluszeichen ersetzt werden.

Nur Schatten

Bei Blasen können Sie auch den frei stehenden Schatten mithilfe der in der obigen Tabelle gezeigten Syntax zeichnen. Beispiele:

Schatten für eine Markierung des Typs d_bubble_text_small
chst=
  d_bubble_text_small_shadow
chld=
  bb|Launch+site
Schatten für eine Markierung des Typs d_bubble_icon_text_small
chst=
  d_bubble_icon_text_small_shadow
chld=
  wc|bb|Pay+Toilets
Schatten für eine Markierung d_bubble_icon_text_big
chst=
  d_bubble_icon_text_big_shadow
chld=
  snack|bb|$2.99+!
Schatten für eine Markierung d_bubble_texts_big
chst=
  d_bubble_texts_big_shadow
chld=
  bb|Help+Wanted|
  Hours:+Midnight+to+3:00+AM|
  Good+pay,+interesting+work|
  Contact+V.+Helsing
Schatten für eine Markierung d_bubble_icon_texts_big
chst=
  d_bubble_icon_texts_big_shadow
chld=
  home|bb|Haunted+House|
  Hours:+Midnight+to+3:00+AM|
  Ghouls,+Goblins,+and+Vampires|
  Bring+your+own+wooden+stake

 

Nach oben

 


Markierungen

Sie können verschiedene Stecknadeln mit Symbolen und/oder kurzen Textzeichenfolgen erstellen. Dies sind die verfügbaren Arten von Markierungen.

Stecknadeltyp Blasenkonstante Beispiele
Nur PIN mit einzelnem Buchstaben oder Symbol

chst=d_map_pin_letter[_withshadow]
chst=d_map_pin_icon[_withshadow]

Einfache Pin mit BuchstabeEinfache Markierung mit Symbol
Abgeschrägte/markierte Stecknadel mit einzelnem Buchstaben oder Symbol

chst=d_map_xpin_letter[_withshadow]
chst=d_map_xpin_icon[_withshadow]

Skalierbarer, drehbarer, mehrzeiliger Pin chst=d_map_spin Skalierbarer, drehbarer Stift

 

Leichte Pin mit Einzelbuchstaben oder Symbol

Dies ist eine kleine, senkrechte Stecknadel, die entweder ein kleines Symbol oder einen einzelnen Buchstaben enthalten kann.

Letter-Syntax

chst=d_map_pin_letter[_withshadow]
chld=<character>|<fill_color>|<text_color>

Symbolsyntax

chst=d_map_pin_icon[_withshadow]
chld=<icon_string>|<fill_color>
<Zeichen>
[Nur Text angepinnt] Ein einzelnes Textzeichen.
<icon_string>
[Nur angepinnte Symbole] Ein String, der eines der Symbole angibt, die am Ende dieses Dokuments beschrieben werden.
<fill_color>
Die Füllfarbe der Blasen als sechsstellige HTML-Hexadezimalfarbe.
<text_color>
[Nur Text angepinnt] Die Textfarbe als sechsstellige HTML-Hexadezimalfarbe.

Nur Schatten

Verwenden Sie die folgende Syntax, um den Schatten nur für diesen Stecknadeltyp zu zeichnen:

chst=d_map_pin_shadow

Der Parameter chld ist nur für einen Schatten nicht erforderlich.

Beispiele


chst=d_map_pin_letter_withshadow
chld=A|FF0000|0000FF

chst=d_map_pin_letter
chld=%E5%8D%B1|FF0000|000000

chst=d_map_pin_icon
chld=camping|ADDE63

chst=d_map_pin_shadow

 

Nach oben

 


Schiefe/markierte Stecknadel mit Einzelbuchstaben oder Symbol

Dies ist eine kleine Nadel, die entweder nach links oder rechts geneigt werden kann oder einen Stern überlappt. Die Stecknadel kann entweder ein einzelnes Zeichen oder ein kleines Symbol sein.

Letter-Syntax

chst=d_map_xpin_letter[_withshadow]
chld=<pin_style>|<character>|<fill_color>|<text_color>|<star_fill_color>

Symbolsyntax

chst=d_map_xpin_icon[_withshadow]
chld=<pin_style>|<icon_string>|<fill_color>|<star_fill_color>
<pin_style>
Anstecknadelsymbol Wählen Sie eine der folgenden Konstanten aus:
  • pin
  • pin_star
  • pin_sleft
  • pin_sright
<icon_string>
[Icon pins]: Ein String, der eines der am Ende dieses Dokuments beschriebenen Symbols angibt.
<Zeichen>
[Text-Anpinnen] Ein einzelnes Textzeichen.
<fill_color>
Die Füllfarbe der Blasen als sechsstellige HTML-Hexadezimalfarbe.
<text_color>
[Textmarkierungen] Die Textfarbe als sechsstellige HTML-Hexadezimalfarbe.
<star_fill_color>
[Sternstifte] Die Füllfarbe des Sterns als sechsstellige HTML-Hexadezimalfarbe.

Nur Schatten

Verwenden Sie die folgende Syntax, um den Schatten nur für diesen Stecknadeltyp zu zeichnen:

chst=d_map_xpin_shadow

chld=<pin_style>

Beispiele


chst=d_map_xpin_letter
chld=pin_star|A|FF0000|000000

chst=d_map_xpin_letter
chld=pin_sleft|A|FF0000|000000

chst=d_map_xpin_icon
chld=pin_sleft|bank-dollar|52B552

chst=d_map_xpin_shadow
chld=pin_sleft

Nach oben

 


Textmarkierung mit Skalierung und Drehung

Dies ist eine Stecknadel, die Sie manuell skalieren können, um längere Textzeichenfolgen einzufügen. Sie können die Markierung auch um einen benutzerdefinierten Wert drehen und die Schriftgröße und -farbe festlegen.

Syntax

chst=d_map_spin
chld=<scale_factor>|<rotation_deg>|<fill_color>|<font_size>|<font_style>|<text_line_1>|...|<text_line_n>
<scale_factor>
Ein Skalierungsfaktor zum Angeben der Markierungsgröße. Dies ist eine positive Gleitkommazahl, wobei 0,5 die Größe der nicht skalierten Pins ist. 0,25 wäre die halbe Größe, 1 wäre die doppelte Größe und so weiter.
<rotation_deg>
Die Drehung der Markierung, in Grad. Positive und negative Werte sind zulässig. Geben Sie 0 für eine vertikale Markierung an.
<fill_color>
Die Füllfarbe der Blasen als sechsstellige HTML-Hexadezimalfarbe.
<font_size>
Die Schriftgröße in Pixeln.
<font_style>
Entweder „_“ (Unterstrich) für normalen Text oder „b“ für Fettdruck.
<text_line_1>...<text_line_n>
Eine oder mehrere Textzeilen, getrennt durch |-Zeichen.

 

Beispiele


chst=d_map_spin
chld=1.7|180|C6E7DE|11|_|Raindrop

chst=d_map_spin
chld=2.1|0|FFFF42|13|b|Kumquats

chst=d_map_spin
chld=3|45|FFFF42|11|_|First+line|Second+line

Nach oben

 


Unterhaltsame Stilnotizen

Hinweis für Pfeilstil

Sie können eine Vielzahl von Textnotizen in neuen Vorlagen erstellen, z. B. Haftnotizen oder Gedankenblasen. Optional können Sie eine Titelzeile in die Notiz einfügen.

Diese Notizen haben eine feste Größe. Sie werden weder vergrößert noch verkleinert, um der Textgröße zu entsprechen.

Syntax

chst=d_fnote_title OR chst=d_fnote
chld=<note_type>|<note_size>|<text_color>|<text_alignment>|<text_line_1>|...|<text_line_n>
Chst
Geben Sie entweder d_fnote_title für eine Notiz mit Titel oder d_fnote für eine Notiz ohne Titel an. In einer Notiz mit Titel wird die erste Textzeile als Titel formatiert (größer und fett).
<note_type>
Ein String, der die Notizenform beschreibt. Wählen Sie in der Tabelle unten einen der Hinweistyp-Strings aus.
<note_size>
1 (eine) für eine große Notiz oder 2 für eine kleine Notiz. Die Vorlagengrößen werden fest festgelegt. Sie werden nicht vergrößert oder verkleinert, um den Text anzupassen. Experimentieren Sie mit beiden Größen, um zu sehen, welche den Text besser hält.
<text_color>
Die Textfarbe als sechsstellige Hexadezimalfarbe. Alphawerte sind nicht zulässig.
<text_alignment>
Die Ausrichtung für den gesamten Text, einschließlich der Kopfzeile. Wählen Sie einen der folgenden Werte aus:
  • l - ('L') Linksbündig
  • h: zentriert
  • r - Rechtsbündig
<text_line_1>| ...|<text_line_1text_line_1>
Text für die Notiz Verwenden Sie das Zeichen „|“, um einen Zeilenumbruch anzugeben. Bei chst=d_fnote_title wird die erste Textzeile als Titel formatiert.

Vorlagen für Notiztypen

Die folgenden Vorlagen werden für Notizvorlagen unterstützt. Der jeweilige note_type-String wird unter der Vorlage angezeigt.

Hinweis: Bei Textstrings wird zwischen Groß- und Kleinschreibung unterschieden.


arrow_d

balloon

pinned_c

sticky_y

taped_y

thought

 

Beispiele

Beschreibung Beispiel
Notiz mit einem Titel: chst=d_fnote_title. Die erste Textzeile wird als Titel verwendet. Die Größe ist eine große Notiz (1).
chst=d_fnote_title
chld=pinned_c|1|004400|l|Joe's|Today+2-for-1+!|555-1234
Notiz ohne Titel: chst=d_fnote.Der Text ist zentriert.
chst=d_fnote
chld=thought|1|0088FF|h|Why+am+I+here?

Eine nützliche Vorlage für einen alten Witz.


chst=d_fnote
chld=arrow_d|1|000000|h|Your|shoe's|untied

Nach oben

 


Hinweise zur Wettervorhersage

Sie können eine Notiz mit einem Wetteranzeigesymbol erstellen. Ähnliches Layout wie Notizen zu lustigen Stilen, aber die Textfarbe ist immer schwarz, der Text immer linksbündig und Sie können nur ein bis drei Textzeilen verwenden.

Diese Notizen haben eine feste Größe. Sie werden weder vergrößert noch verkleinert, um der Textgröße zu entsprechen.

Syntax

chst=d_weather
chld=<note_type>|<weather_icon>|<title>|<line_2>|<line_3>
Chst
d_weather gibt eine Wetternote an.
<note_type>
Die Vorlage für diese Notiz. Verwenden Sie einen der Notizenstrings, die oben in der Anmerkungsliste mit unterhaltsamen Stilen aufgeführt sind.
<weather_icon>
Einer der Wettersymbol-Strings in der Tabelle unten. Eine Notiz kann ein einzelnes Wettersymbol enthalten.
<Titel>|<Zeile_2>|<Zeile_3>
Der Titel und bis zu zwei weitere Textzeilen (optional). Der Titel ist größer und fett formatiert.

Wettersymbole

Hier ist eine Liste der unterstützten Wettersymbole mit dem jeweiligen weather_icon-String.

Hinweis: Bei Textstrings wird zwischen Groß- und Kleinschreibung unterschieden.


clear-night-moon

cloudy-heavy

cloudy-sunny

cloudy

rain

rainy-sunny

snow

snowflake

snowy-sunny

sunny-cloudy

sunny

thermometer-cold

thermometer-hot

thunder

windy

 

Beispiele

Beschreibung Beispiel
Eine Wetternotiz mit einem Titel und zwei Zeilen in einer taped_y-Stilvorlage.

chst=d_weather
chld=taped_y|sunny|Barcelona|max+25°C|min+15°C

Ein Wunschgedanke für den Winter.

chst=d_fnote
chld=thought|sunny|I+wish...

Nach oben

 


Textblöcke mit Umriss (nur Text)

 

Hinweis für Pfeilstil

Sie können einen Block mit umrissenem Text mit weißem Hintergrund erstellen. Wenn Sie ein Text-+-Symbol verwenden möchten, können Sie die Einzeiler-Variante verwenden, da diese auch ein Symbol unterstützt.

Syntax

chst=d_text_outline
chld=<text_fill_color>|<font_size>|<text_alignment>|<outline_color>|<font_weight>|<text_line_1>|...|<text_line_n>
<text_fill_color>
Die Füllfarbe des Textes. Dies ist eine sechsstellige Hexadezimalfarbe. Alphawerte sind nicht zulässig.
<font_size>
Eine Zahl, die die Schriftgröße in Pixeln angibt.
<text_alignment>
Die Ausrichtung für den gesamten Text, einschließlich der Kopfzeile. Wählen Sie einen der folgenden Werte aus:
  • l - ('L')Linksbündig
  • h: zentriert
  • r - Rechtsbündig
<outline_color>
Die Umrissfarbe des Texts. Dies ist eine sechsstellige Hexadezimalfarbe. Alphawerte sind nicht zulässig.
<font_weight>
Normaler oder fetter Text. Unterstrich „_“ für normalen Text und „b“ für fett formatierten Text.
<text_line_1>| ...|<text_line_1text_line_1>
Text für die Notiz Verwenden Sie das Zeichen „|“, um einen Zeilenumbruch anzugeben. Bei chst=d_fnote_title wird die erste Textzeile als Titel formatiert.

 

Beispiele



chst=d_text_outline
chld=FFCC33|16|h|FF0000|b|Mad+Scientist|Boo


chst=d_text_outline
chld=FF65BB|20|h|00FF00|_|Freshly+Made+Pie

Nach oben

 

 


Umrissene Schriftart-Textblöcke (Text und Symbol)

Sie können eine einzelne Zeile mit umrissenem Text sowie ein Symbol oben, links, unten oder rechts vom Block erstellen. Wenn Sie kein Symbol benötigen, nutzen Sie den umrissenen Schriftarttextblock.

Syntax

chst=<icon_position_string>
chld=<text>|<font_size>|<font_fill_color>|<icon_name>|<icon_size>|<icon_fill_color>|<icon_and_text_border_color>
<icon_position_string>
Gibt an, wo das Symbol im Textfeld erscheint. Wählen Sie einen der folgenden Werte aus:
  • d_simple_text_icon_below: Das Symbol wird unten im Feld platziert: Symbol unten.
  • d_simple_text_icon_above: Platziert das Symbol oben auf dem Feld: Symbol oben.
  • d_simple_text_icon_left: Platziert das Symbol links neben dem Feld: Symbol auf der linken Seite.
  • d_simple_text_icon_right: Platziert das Symbol rechts neben dem Feld: Symbol auf der rechten Seite.
<text>
Der anzuzeigende Text. Nur eine Zeile; verwenden Sie + für Leerzeichen.
<font_size>
Eine Zahl, die die Schriftgröße in Pixeln angibt.
<font_fill_color>
Die Füllfarbe für den Text als sechsstelliger String. Alphawerte werden nicht unterstützt.
<icon_name>
Einer der unten im Dokument aufgeführten Symbolnamen.
<icon_size>
Die Höhe des Symbols in Pixeln. Die folgenden Werte werden unterstützt: 12, 16, 24.
<icon_fill_color>
Die Farbe des Symbols als sechsstelliger String. Alphawerte werden nicht unterstützt.
<icon_and_text_border_color>
Die Farbe des Rahmens um Symbol und Text als sechsstelliger String. Alphawerte werden nicht unterstützt.

Nach oben

Liste der verfügbaren Flags und Symbole

Die folgenden Bilder können mithilfe des entsprechenden Parameters in dynamischen Symbolen verwendet werden.

Hinweis:Bei Textstrings wird zwischen Groß- und Kleinschreibung unterschieden.

Hinweis:Symbole sind nur in den folgenden Größen verfügbar: 12, 16, 24.

Einfache Symbole

Symbole von Glyphish.com

Diese Symbole wurden von Joseph Wain / glyphish.com erstellt. Dieses Werk unterliegt der Creative Commons Attribution 3.0 United States License.

Flags

Hier sind Flaggen für einige Länder und Gebiete.

Nach oben

Textstrings

Der gesamte in der Anfrage gesendete Anzeigetext muss UTF-8- und dann URL-codiert sein. Dies betrifft nur nicht URL-sichere Zeichen. URL-sichere Zeichen bestehen meist aus den englischen Buchstaben a–z und Groß- und Kleinschreibung sowie kleinen Satzzeichen. Der UTF-8- und URL-codierte Wert für den Buchstaben „è“ ist „%C3%A8“ und für das chinesische Zeichen „駅“ ist „%E9%A7%85“. Bei den meisten Browsern können Sie im URL-String einen nicht codierten Wert verwenden (z. B. 駅) und im Hintergrund für Sie codieren. Es ist jedoch möglich, dass jemand, der deine Bild-URL aufruft, einen Browser verwendet, der dies nicht unterstützt. Daher empfiehlt es sich, alle Nicht-ASCII-Zeichen in Textstrings in UTF-8 und URL zu codieren. Dies gilt nur für Text, der in Sprechblasen oder Stecknadeln angezeigt wird, nicht für &, | oder andere Zeichen, die Teil der URL-Syntax sind.

Schatten

Sie können vielen Symbolen Schatten hinzufügen oder bei einigen Symbolen sogar ohne das Symbol selbst Schatten zeichnen.

Verdeckte Symbole Verdeckte Markierung

Viele dieser Symbole können mit oder ohne Schatten gezeichnet werden. Wenn Shadowing eine Option ist, hat der Name des Symbols eine Version, die auf _withshadow endet, und eine andere Version ohne diese Endung. Du kannst ein Symbol mit einer der beiden Endungen angeben, je nachdem, ob du einen Schatten haben möchtest oder nicht.

Hier siehst du ein Beispiel für eine mittelgroße Sprechblase und eine Stecknadel mit und ohne Schatten:

Sprechblase ohne Schatten
chst=d_bubble_icon_text_big
Sprechblase mit Schatten
chst=d_bubble_icon_text_big_withshadow
Einfache Markierung mit Symbol
chst=d_map_pin_icon
Einfache schattierte Stecknadel mit Symbol
chst=d_map_pin_icon_withshadow

Frei stehende Schatten Nur Schatten

Bei einigen Symboltypen können Sie ihren Schatten allein zeichnen. Dies ist beispielsweise sinnvoll, wenn Sie mehrere überlappende schattierte Symbole in einer Grafik verwenden und diese so nah beieinander sind, dass der Schatten von einem Symbol auf eine andere Grafik fällt. In der Dokumentation zu Ihrem spezifischen Symboltyp erfahren Sie, ob Sie den Schatten allein zeichnen können.

Nach oben