忍者ブログ

2018
08
17

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2018/08/17 (Fri.)

2010
08
27

マップピンを作る。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

PR

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

Comments

名前
メールアドレス
URL
コメント
PASS  Vodafone絵文字 i-mode絵文字 Ezweb絵文字

Trackback

Trackback for this entry:

Links

ご注意

当サイトのスクリプトは、ブラウザが FireFox 3.0 であることを前提に作成されています。IE などでは正常に動作しないものがあります。

カテゴリー

ブログ内検索

最新記事

カレンダー

07 2018/08 09
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

アーカイブ

RSS

最新CM

[04/15 jTemplate]
[05/22 寝太郎]

プロフィール

HN:
寝太郎
性別:
非公開

バーコード

P R

アクセス解析

リンク

NSM

コガネモチ

フリーエリア