地図上に設置されたマーカーを利用者がドラッグして動かす事ができるように設定する方法を確認します。GMarkerクラスのコンストラクタ関数の2番目の引数で指定します。opts?:GMarkerOptions)GMarkerOptionsクラスで定義されているプロパティの中でdraggableプロパティに値を設定します。draggableプロパティマーカーがドラッグ可能かどうかを切り替えます。ドラッグできるように設定されたマーカーは、クリック可能なマーカーよりも、その設定に多くのリソースを必要とします。ドラッグ可能マーカーは、デフォルトでクリック可能でバウンド機能と自動移動機能が有効になっています。このオプションのデフォルト値は、falseです。Booleanマーカーをドラッグ可能にするにはdraggableプロパティにtrueを設定して下さい。実際には次のように記述します。opts);map.addOverlay(marker);マーカーをドラッグ可能にした場合に、追加の設定としてdragCrossMoveプロパティ、bouncyプロパティ、autoPanプロパティなどに値を設定することができます。順に説明していきます。dragCrossMoveプロパティdraggableプロパティにtrueを設定した上で、さらにdragCrossMoveプロパティにtrueを設定するとマーカーをドラッグ開始した時の挙動が変わります。dragCrossMoveプロパティマーカーをドラッグすると、マーカーが浮き上がってカーソルから離れます。設定すると、マーカーをカーソルの下に維持し、代わりにクロスを下に移動します。このオプションのデフォルト値は、falseです。BooleandragCrossMoveプロパティがfalseの場合、ドラッグを開始するとマーカーそのものが少し浮き上がり、マーカーが指し示す地点を表すクラスの表示位置は同じ場所から開始されるのですが、このプロパティの値をtrueに設定するとドラッグを開始した時にマーカーの位置はそのままで、クラスの位置を少し下へずらしてドラッグが開始されます。気をつけて見てみないと違いが分からないかもしれません。bouncyプロパティbouncyプロパティはマーカーのドラッグが終わりマウスを放した時にマーカーがバウンドするかどうかを設定します。bouncyプロパティドラッグ終了後にマーカーがバウンドするかどうかを切り替えます。このオプションのデフォルト値は、falseです。Booleanbouncyプロパティがtrueの場合、ドラッグの後でマウスを放すとマーカーがバウンドするように地図に設置されます。このプロパティの値をfalseに設定するとドラッグの後でマウスを話すとマーカーはそのまま地図に設置されます。autoPanプロパティautoPanプロパティはマーカーをドラッグしたまま地図の範囲外へマウスを移動させた時に自動的に地図がスクロールして切り替わるかどうかを設定します。autoPanプロパティマーカーを地図の端付近でドラッグすると、地図が自動的に移動します。BooleanautoPanプロパティがtrueの場合、ドラッグしたまま地図の範囲外へマウスを移動すると地図が自動的に移動します。このプロパティの値をfalseに設定すると地図は移動されず固定のままとなります。サンプルプログラムでは試してみます。</body></html>ではブラウザで上記のURLを見てみます。今回全てのマーカーをドラッグ可能にしていますので、地図上に設置されたマーカーをドラッグして動かすことができます。マーカーをドラッグ中は、マーカーが設置される地点にクラスの図形がマーカーの下に表示されます。このクロスの中央の点が新しいマーカーの設置場所になるようにマーカーをドラッグし、移動が完了したらマウスを放して下さい。IKURAプログラミングや開発環境構築の解説サイトを運営しています。