Google Localでブログマップ(4)

「Google Localでブログマップ」をバージョンアップ。マークが、どれも同じではわかりにくいので、ツーリング結果には「バイク」のマークに変更しようと、バイク画像を作り、作った画像をマーク登録してみました。バイク画像は今ひとつですが、以前より分かり易くなったのでは！！！！

 

 ＜バイクマーク作成方法＞
１．バイクの画像を作成する。
２．背景を透明にするにはGIF画像にする（PNGでは旨く行かなかったよな。。）
３． GIconを作成して、プロパティーに新規にマークとして使用する画像や配置位置を設定する
　　例） var bike = new GIcon() ;
          bike.image = "Bike4.gif"
          bike.iconSize = new GSize(42,38) ;
          bike.iconAnchor = new GPoint(37,31) ;
          bike.infoWindowAnchor = new GPoint(37,31) ;
 iconSizeで表示サイズを設定できるのでバイク画像の大きさは大きくてもかまいません。マークの配置位置調整はiconAnchorで行いますが、これは使用する画像により調整したほうが良いでしょう。同様にinfoWindowAnchorも調整が必要と思います。
４．作成したGIconを使用してマークを作成する。
   　例）　var objMarker = new GMarker(objPoint,bike);
　　　　　　　　　　　** objPointは、配置位置をあらわすGLatLngなどのインスタンス
５．作成したGMarkerを配置する
   　例）　objMap.addOverlay(objMarker);
 　　　　　　　　　　　** objMapは、GMapまたはGMap2のインスタンス