【GlideのMapコンポーネントの使い方】地図表示と設定方法。

最近、注目を浴びているノーコード。

簡単にアプリが作れる人気のノーコードツールGlideなら、プログラミングなしでアプリが作れます。

ここでは、「GlideのMapコンポーネントの設定」を紹介します。

Glideって何？

Glide（グライド）は、ノーコードツールで、Googleのスプレッドシートを用いて、アプリを作成できるサービスです。 

クリックアンドドラッグで操作ができ、テンプレートやスプレッドシートとの連携が容易にできるためプログラミングは必要ありません。

プログラムコードの入力をせずに画面を操作してアプリが作成が可能で、簡単にアプリを作成することができる人気ツール。

Glideは、無料で登録して使用することができます。⇒　Glide  

GlideのMapコンポーネント

Glideには、Mapコンポーネントがあります。  

Mapコンポーネントを追加する方法は、左サイドバーのスクリーンにある＋の追加ボタンから行います。

+をクリックすると、コンポーネントが開きます。

メディアコンポーネントの中にMapコンポーネントがあります。

【メディアコンポーネント】

• Audio
• Image
• Map
• Video
• Webview

メディアコンポーネントの中のMapをクリックすると、Mapコンポーネントを追加できます。

Mapの設定

Mapをクリックすると左側のスクリーンに追加されます。

Mapの詳細設定は、右側で行います。

右側の上部には、General（一般）とOptions（オプション）があり、Generalで基本設定を行います。

Optionsでは、表示・非表示のタイミングを決めれます。

VISIBILITY（可視性）でコンポーネントが表示されるタイミングを設定できます。

General設定（一般設定）

Mapの設定は右側のGeneralで行い、以下のような項目があります。

【DATA】
Address

【DESIGN】
ZOOM

【ACTION】

まずは、Mapコンポーネントのデータから設定を行います。

Mapでは、地図を表示するので、住所の記載されたデータを選択し、地図の地点を表示します。

（事前に住所データーを作成しておきます。）

住所のデータを選択すると画面上に地図と地点が表示されます。

⇒　Glideの無料プランと有料プランの違い

DESIGNでは、地図の表示を選択できます。

地図表示は３つの種類があります。

• Near
• Medium
• Far

Zoomを変えることで、地図の表示エリアのサイズを変えれます。

Farを選択すると、広域の地図を表示することができます。

逆に、nearを選択すると、詳細地図になります。

アプリに合わせて表示方法を選択してください。

一番下にあるのはACTIONです。

アクションでは、地図をクリックしたときのアクション設定を決めれます。

デフォルトでは、クリックするとGoogle マップが開きます。（View address on map）

地図表示のみにしたい方は、 Noneを選択するとアクションなしになります。

このような流れで、Mapコンポーネントの設定を行うことができます。

コンポーネントではなく、タブ画面にMap（地図）表示したい場合は、Mapスタイルを選択するのがいいです。

Mapスタイルはこちらの記事
⇒ GlideのMapスタイル

今回は、「Glideのマップコンポーネントの設定方法」を紹介しました

アプリ制作の参考になればと思います。

そのほかのGlideの記事はこちら。
⇒　Glideの使い方【アプリダッシュボード】アプリ作成手順
⇒　ノーコードGlide【Googleのスプレッドシートを使用したアプリ作成編】
⇒　Glideの外観変更
⇒　Glideのログイン認証設定
⇒　GlideのアプリのTAB設定