マーカーの色

広告

マーカーのスタイルの一つである色の指定方法について確認します。

サイズの指定には「color:色」の形式で指定します。

markers=color:色|座標1|座標2|...

色の指定方法は赤、緑、青をそれぞれ0x00から0xFFの数値で指定しそれをつなげた値として指定します。例えば「color:0xFF008F」などです。この場合は赤が「FF」、緑が「00」、青が「8F」を指定したことになります。

記述例としては次のようになります。

http://maps.google.com/maps/api/staticmap?
markers=color:0x007F7F|34.980678,135.747671

※実際は1行です。

またあらかじめ定義された色を文字列として指定することもできます。指定可能な値は「black」「brown」「green」「purple」「yellow」「blue」「gray」「orange」「red」「white」です。

記述例としては次のようになります。

http://maps.google.com/maps/api/staticmap?
markers=color:yellow|34.980678,135.747671

※実際は1行です。

サンプル

では実際に試してみます。

http://maps.google.com/maps/api/staticmap?
&center=34.985073,135.757542
&zoom=13
&size=400x400
&markers=color:0xFF0000|34.980678,135.747671
&markers=color:0x708F4F|34.994826,135.784932
&markers=color:orange|34.976863,135.77415
&markers=35.001595,135.743315
&sensor=false

- サンプル画像

「東寺」は0xFF0000、「東福寺」はorange、「清水寺」は0x708F4F、「壬生寺」はデフォルトのマーカーを表示しました。

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)