2006
05
15
Google Maps API - マーカーをGIconでカスタマイズ
スポンサード リンク
草野球グランドマップのマーカー画像を野球ボールにカスタマイズしてみました。
【方法】
まず画像は自分で用意しないといけません。画像を用意したらサーバに転送しておきます。フォーマットは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);
のように与えます。意外と簡単です。
画像baseIconマーカーnewカスタマイズGIconGPointAPI
前のエントリー: « Amazon Box β版 - Amazon商品表示サービス
次のエントリー: Google Notebookでクリッピング »
トラックバック
このエントリーのトラックバックURL:
このブログをRSSリーダーで簡単購読
タイトル:
URL:
リンク用HTMLタグ:
powered by Google Chart API
