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のインスタンス

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

「Google Localでブログマップ」をバージョンアップ。個人ブログマップは Google Maps API のVersion 1で作成していましたが、OverViewMap（＝地図縮小表示で現在の表示部分が枠表示されており、移動が簡単にできる）を使用したいのでVersion 2に変更することにしました。簡単に変更できると思いましたが、若干注意が必要でした。
 

＜V1からV2への変更で戸惑った点＞
１．スケールが変更になり、変換が必要
　　　V2のスケール　＝　１７　－　V1のスケール
２．関数名が変更になっているので修正が必要
　　　centerAndZoom　--> setCenter　など
３．パラメータ定数が変更になっているので修正が必要
　　　　G_MAP_TYPE　--> G_NORMAL_MAP など
　　詳しくは、「Google Maps API Version 2 Upgrade Guide」を参照。

画像が2重にひつようなためか、若干スピードが落ちたような感じがしますが。。。

個人ブログマップへ。。

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

「Google Localでブログマップ」をバージョンアップしました。と。。言っても、ボタンを追加して位置とスケール設定をして「世界」「日本」「九州」「大分」「臼杵」レベルで表示できるようにしただけですが。

Google Localでブログマップ

Google Localでamru_1957のブログマップを作ってみました。便利ですね。
「サテライト」：衛星画像が使えて
「マップ」：ゼンリン地図も表示でき
マークと画像・HTMLリンクもはれ
当然拡大・縮小・移動できます。

よかったら実際に使ってみてください

http://www.y4u.jp/google/gmap-00.html　amru_1957のブログマップ

（ＰＳ）　以下のサイトからいろいろ教えていただきました。ありがとうございました。

http://www.dinop.com/google/　Googleのすべて