寝太郎の江戸風呂。ね！

[PR]

2024/11/22 (Fri.)

マップピンを作る。Dynamic Icons - Google Chart Tools

Google Chart Tools/Image Charts(aka Chart API)の Dynamic Icons については、これまで次の記事を掲載してきました。
「文字列を画像にする。Dynamic Icons - Google Chart Tools」
「文字列に枠を付けた画像を作成する。Dynamic Icons - Google Chart Tools」
「アイコン付の文字列画像を作成する。Dynamic Icons - Google Chart Tools」
「吹き出しを作る。Dynamic Icons - Google Chart Tools」
今回は、マップピン(Map Pin)を作成するすツールを紹介します。

下記のフォームにテキストやパラメータを入力して、「getPNG(Map Pin)」ボタンを押して下さい。入力した文字かアイコンを持つPNGイメージが作成されます。アイコンの指定がある場合は、文字は無効です。アイコンも文字もブランクの場合は影だけ表示されます。アイコンの指定がある場合、影だけの場合、文字が一文字だけの場合は、「xpin」というタイプのマップピンを作成します。「Style」を指定することで星マークを付けたり、左右に傾けたりすることができます。

文字が二文字目以上の場合には、「spin」という特別なマップピンが作成されます。
また、「Scale」を「0.5」、「Rotation」を「0」以外に指定した場合にも「spin」tとなります。「Scale」の数値を変えると拡大または縮小されます。「Rotation」を変えると回転します。逆さにするときは「180」です。
アイコンは、「Google Chart Tools / Image Charts (aka Chart API) Dynamic Icons の Image List」から、アイコンを選んで、その名前を入力して下さい。


上記のフォームでは作成しませんが、より簡単なパラメータの指定方法もあります。
「xpin」でも「spin」でもない、ただの「pin」タイプです。
その構文は、次のとおりです。「_withshadow」を削除すると、影なしになります。
●文字
http://chart.apis.google.com/chart?chst=d_map_pin_letter_withshadow&chld=
character|fill_color|text_color
●アイコン
http://chart.apis.google.com/chart?chst=d_map_pin_icon_withshadow&chld=
icon|fill_color
●影のみ
http://chart.apis.google.com/chart?chst=d_map_pin_shadow

2010/08/27 (Fri.) Trackback() Comment(0) Google Chart