0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

OutSystemsでクリックするたびにGoogleMapのマーカーの位置を変える

Last updated at Posted at 2022-06-03

やろうとしていること

googlemapをクリックするごとにマーカーの位置を表示させて、尚且つ中央に配置する。
※イメージとしては、クリックしたらマーカーを表示させ、クリックするごとに緯度と経度を取得します。

実現方法

まず、クリックしたらマーカーを表示させたいので、Booleanのローカル変数を作成します。デフォルトをFalseにします。
スクリーンショット 2022-06-03 23.04.33.png

次に、IFウィジェットを置いて、Conditionを先ほどのローカル変数に設定します。
Falseのブランチには何も置きません。
スクリーンショット 2022-06-03 23.07.57.png

取得した緯度と経度が中央になるようにMapのCenterを編集します。
ここでは、緯度と経度のローカル変数を作成してクリックする度に値が変わっても対応できるようにします。
スクリーンショット 2022-06-03 23.24.00.png

そして、MapウィジェットのEvents_PlaceholderにMap_Eventのウィジェットをドラッグ&ドロップし、EventNameプロパティをEntities.MapEventTriggered.Clickに、EventsのHandlerには新しいクライアントアクションを作成します。そうすると、MapEventActionという名前のクライアントアクションが自動的に作成されます。
スクリーンショット 2022-06-03 23.11.58.png
スクリーンショット 2022-06-03 23.14.09.png

次に、クリックするたびにマーカーを表示させ、緯度と経度を取得するためのアクションを書きます。
ここは結構簡単です、先ほどのローカル変数ShowMarkerをTrueにしてクリックした箇所の緯度と経度をAssignを使ってぶち込みます。
スクリーンショット 2022-06-03 23.27.12.png

これで、最初はマーカーがない状態で、クリックするとマーカーが出現し、緯度と経度を取得して常に中央配置になります。

参考情報

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?