ネットサービスの開発に役立ちそうな話題を中心にお届けします。
F.Ko-Jiの「一秒後は未来」 > Google Maps API > Google Maps API - マーカーをGIconでカスタマイズ
2006年05月15日 23:59
2095日前に投稿

Google Maps API - マーカーをGIconでカスタマイズ

  • ... PV
  • このエントリーをはてなブックマークに追加

スポンサード リンク

草野球グランドマップのマーカー画像を野球ボールにカスタマイズしてみました。

【方法】
まず画像は自分で用意しないといけません。画像を用意したらサーバに転送しておきます。フォーマットはjpgでもgifでもpngでもいいです。マーカーには影も付けることができますが、必須ではないので面倒くさいなら影の画像は不要です。

マーカーの画像をカスタマイズするときは、GIconクラスを使います。

var baseIcon = new GIcon(); // 画像のURL baseIcon.image = 'http://map.fkoji.com/ball.jpg'; // 画像のサイズ baseIcon.iconSize = new GSize(16, 18); // マーカーの設置点に対応させる画像の座標 baseIcon.iconAnchor = new GPoint(8, 18); // マーカーの吹き出しの先端の位置に対応させる画像の座標 baseIcon.infoWindowAnchor = new GPoint(8, 8);
このようにGIconの属性を設定します。そしてマーカーを生成するときのGMarkerの引数に
var marker = new GMarker(new GPoint(x, y), baseIcon);

のように与えます。意外と簡単です。

スポンサード リンク

Written by
関連エントリーはこちら
お探しの情報が見つからない場合はサイト内検索もお試しください。
Meity.jp - Twitterなかまでプライベートなオフ会を開催したいなら


トラックバック

このエントリーのトラックバックURL:

Google Maps API

English version

2006/05/15 23:59:26 by F.Ko-Ji
コメント (0) トラックバック (0) Google Maps API

前のエントリー: « Amazon Box β版 - Amazon商品表示サービス
次のエントリー: Google Notebookでクリッピング »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ: