GoogleMapsマーカーのアイコンをカスタマイズ!
GoogleMapsのAPIでつくりたいものがあって調査中・・・
ピン(マーカー)を立てた時のアイコンをカスタマイズしたいところ。
こういうやつ
![]()
![]()
まとめサイトを見つけました。
その中でもおすすめは
Google Maps API Tutorial :: Google Earth Icons
PHP script which uses the webhues package posted above to make colored, numbered markers on the fly (http://www.csail.mit.edu/~alexgru/markers/numbered_markers.tar.gz)
特に後者、任意の色を背景に、任意のテキストを貼り付けたアイコン画像を動的生成するスクリプトも配布しています!
http://slightlyblue.com/lab/t20060808/numbered_marker.php?image=pushpins/webhues/087.png&text=99
http://slightlyblue.com/lab/t20060808/numbered_marker.php?image=pushpins/webhues/007.png&text=A
引数に色とテキストを指定してあげればその場でつくってくれます。
Script by Ali Mohammad and Alex Gruenstein とのこと。Good Job
自分のところに設置して、こんなコードで0~99までの番号付きのマーカー画像を作れます。
use strict;
use LWP::Simple;
my @alpha = ("A" .. "Z");
#my @alpha = (0..99);
foreach (@alpha){
my $imageurl = "http://path.to/numbered_marker.php?image=pushpins/webhues/007.png&text=$_";
my $localimage = "icon$_.png";
print "$imageurl,$localimage\n";
my $ret = getstore( $imageurl, $localimage );
}
そして..
気になるスクリプトを発見: XMaps Library - A Google Maps API Extension
Google Maps APIをさらに使いやすく拡張するライブラリ。
正式リリースはまだのようだけれど、マーカー(と影も)を動的生成して張り付けたりってことが楽にできそう。
期待(重そうだけど)。
マーカー動的生成のデモ
