カスタマイズ

地図をスペースに表示する

概要

スペースに地図を表示します。

使い方

地図を表示するスペースフィールドを配置しておきます。 スペースフィールドには要素IDを設定しておいてください。

また、事前に Google Maps のサイトで、API キーを入手しておきます。 API キーの入手方法については

https://developers.google.com/maps/documentation/javascript/get-api-key?hl=ja

を参照してください。

設定するパラメーター

「スペース」「APIキー」「住所または緯度経度」「ズームレベル」「マーカー名」を設定します。

スペース

地図を表示するスペースを指定します。

APIキー

Google Maps の API キーを入力します。

API キーは Google Maps のサイトから取得してください。

https://cloud.google.com/maps-platform/?hl=ja https://developers.google.com/maps/documentation/javascript/get-api-key?hl=ja

住所または緯度経度

地図に表示する位置を指定します。

住所で指定する場合、番地までの細かい住所で指定することもできますし、市町村名までのような大まかな住所で指定することもできます。 また、「東京スカイツリー」のように著名な建物の場合、建物名だけでも表示可能です。これらは Google Maps の機能になります。

ここに郵便番号を指定すると、その郵便番号の住所の位置が表示されます。これも Google Maps の機能になりますので、表示できるかどうかは Google Maps が対応しているかどうかに依存します。例えば、町域を含まない末尾 00 の郵便番号は表示できません。(2019年2月現在)

緯度経度で指定する場合、緯度の数値、経度の数値をカンマで区切って設定します。

34.687315, 135.526201

フィールドに住所の情報が入っている場合、式を使ってフィールドの値を渡すことができます。 フィールドが「都道府県」「住所1」「住所2」に分かれている場合は次のように指定します。

${都道府県} ${住所1} ${住所2}

ズームレベル

ズームレベルを入力します。

Google Maps のドキュメントにより、以下を目安にしてください。

  • 1: 世界
  • 5: 大陸
  • 10:市
  • 15:通り
  • 20:建物

https://developers.google.com/maps/documentation/javascript/tutorial?hl=ja#MapOptions

マーカー名

マーカーの名前を設定します。 省略した場合、「住所または緯度経度」が住所で指定されていれば、住所がマーカー名になります。

制限事項

一覧画面では使えません。

2つの以上の地図の表示

同じアクション番号で「地図をスペースに表示する」を2回繰り返し実行した場合、同じ地図とみなされ、地図は1つしか表示されません。 2回目のアクションでは現在表示している地図位置を変更しません。

異なるアクション番号で「地図をスペースに表示する」をそれぞれ実行した場合、それぞれの地図が別々に表示されます。

マーカーを増やしたい場合、「地図をスペースに表示する」を繰り返し実行するのではなく、 「地図にマーカーを追加する」を使用してください。