初心者がGoogle Maps APIを頑張ってみるブログ

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

image

アイコンに使用する画像のURLを指定します。
画像はBMP,JPG,GIF,PNGなど一通り使用可能。

GIcon(copy?)

マーカー用のアイコンを作成します。
詳しく調べてないので違うかも知れませんがimage,shadow,iconSize,shadowSize,iconAnchorを設定しないと上手く表示されないようです。（違うかも知れません）

copy：既存のアイコンを指定するとそのプロパティを丸々コピーします。

・使用例
var Icon = new GIcon();
Icon.image = "マーカー画像のURL";
Icon.shadow = "影画像のURL";
Icon.iconSize = new GSize(20, 34);
Icon.shadowSize = new GSize(37, 34);
Icon.iconAnchor = new GPoint(9, 34);
Icon.infoWindowAnchor = new GPoint(9, 2);
Icon.infoShadowAnchor = new GPoint(18, 25);

var marker = new GMarker(new GPoint(137, 35),icon);
map.addOverlay(marker);

GMarker(point, icon?)

地図上にマーカーを作成します。

point：マーカーを置く座標。Gpoint形式（Gpoint(x,y))
icon：マーカーのアイコン。GIconで作成したアイコンの使用も可。指定しなければデフォルトのマーカーになります。

・使用例
var marker = new GMarker(new GPoint(137, 35));
map.addOverlay(marker);

ちょっと他の事に浮気してたらGoogle Maps APIにデュアルタイプと言う新しい地図タイプが出てました。衛星写真に国境や都市名とかが付いてるタイプのようです。



（追記）
と思ったらアメリカとかの大都市は道路とかその通り名とか更には道路の進行方向までありました・・・。日本はほぼ未対応って事なのね・・・。




あんまり調べてないので詳細は不明ですが一応コントローラー以外でそのタイプに地図を切り替える方法だけは書いときます。

var maptypes = map.getMapTypes();
map.setMapType( maptypes[2] );

ちなみにmaptypes[0]なら地図タイプ、maptypes[1]なら衛星写真タイプです。

（追記２）
map.setMapType( _HYBRID_TYPE );でOKですね。

_G_HYBLID_TYPEとか_HYBLID_TYPEだろうと適当予想して入れてみたら駄目だったので諦めてたんですがハイブリッドのスペルは「HYB"R"ID」です。
もう一度英語をやり直せ自分。

setMapType(mapType)

地図の表示を指定されたマップタイプに切り替えます。

map.setMapType(_GOOGLE_MAP_TYPE)で地図タイプ
map.setMapType(_SATELLITE_TYPE)で衛星写真タイプ
map.setMapType( _HYBRID_TYPE )でデュアルタイプに切り替えます。