GoogleMapsで、番号付きマーカーを利用する方法は以下の通り。
1,番号付きマーカーのアイコンを準備する。
2,アイコン指定する。
これだけでよい。
念のためコマンドを書いておくと、
var num = 1;
var icon = new GIcon();
icon.image = "./marker" + num + ".png";
icon.shadow = "./shadow.png";
icon.iconSize = new GSize(20,34);
icon.shadowSize = new GSize(37,34);
icon.iconAnchor = new GPoint(10,34);
icon.infoWindowAnchor = new GPoint(10,0);
var newMarker = new GMarker(point,{icon:icon , draggable: true});
細かい説明は省くが、必要な値が入っていないと、ドラッグできなかったり表示できなかったりするので注意が必要。
特にドラッグが必要ない、影も必要なければ
icon.image
icon.iconSize
icon.iconAnchor
だけ指定すれば良い。(試してないですが)
番号付きマーカーの作成には
http://www.lumiere-couleur.com/pub/soft/markers/
のサイトが便利である。
0 件のコメント:
コメントを投稿