« 岩手~秋田(小岩井牧場,乳頭温泉,竿燈祭,象潟の牡蠣,川原毛大湯滝) | Main | GoogleMaps全部のGMarker(マーカー/ピン)が一画面に収まるような縮尺を自動計算する方法 »

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をさらに使いやすく拡張するライブラリ。
正式リリースはまだのようだけれど、マーカー(と影も)を動的生成して張り付けたりってことが楽にできそう。
期待(重そうだけど)。
マーカー動的生成のデモ

前回:GoogleMapsブラウザリサイズ時のイベント処理でcheckResizeする!

TrackBack

このエントリーのTrackBackURL:
http://slightlyblue.com/cgi/mt/mt-tb.cgi/646

この一覧は、次のエントリーを参照しています: GoogleMapsマーカーのアイコンをカスタマイズ!:

» GoogleMaps全部のGMarker(マーカー/ピン)が一画面に収まるような縮尺を自動計算する方法 from blog@slightlyblue
引き続き、、GoogleMaps調査中。。 マーカーを複数立てた時に、全部のマー... [詳しくはこちら]

コメントを投稿

同カテゴリ[DEVELOP]のエントリー