マニュアルスパイラルTIPSスパイラルデモ無料トライアルトライアルナビツアーCONTACT新規SPIRALご担当者様向けガイドホーム設定Tips住所情報をもとに地図を表示する設定TipsシェアするLINE!こんにちは!若手エンジニアのスパ子です(‘-‘*)今回は住所情報をもとに地図を表示するデモを2種類ご紹介します。Googleマップの共有用の埋め込みHTMLを利用する方法Googleマップ上で取得することができる「共有用の埋め込みHTML(iframeコード)」の可変部分をDBに格納し、マップを表示する方法をご紹介します。Platform」を利用し、DBに格納した住所から「緯度」と「経度」を求め、マップを表示する方法をご紹介します。参考DEMOはこちら一覧表のリンクをクリックするとGoogleマップ・Yahoo!マップが表示されます。Googleマップの共有用の埋め込みHTMLを利用する方法Googleマップ上で取得することができる「共有用の埋め込みHTML(iframeコード)」の可変部分をDBに格納し、マップを表示する方法をご紹介します。DBの設定Googleマップを表示させるために必要なパラメータを格納する「マップDB」を作成します。※当記事内でご紹介するプログラムコードでは下記の差し替えキーワードを利用します。別名で設定される場合は、都度、読み替えを行ってください。bytes)差し替えキーワード:parameter(DBフィールド設定)(2)Googleマップよりiframeコードを取得1Googleマップにアクセスし、マップを表示したい場所を検索し、「共有」をクリックします。2「地図を埋め込む」をクリックします。3HTMLをコピーします。上記(2)でコピーしたHTMLは以下です。allowfullscreen></iframe>「※ここの値をDBに格納」の部分を上記(1)で作成したDBの「パラメータ」フィールドに格納します。今回は一覧表の単票にマップを表示します。一覧表の作成方法は以下サポートサイトを参照ください。上記(4)で作成した一覧表の単票に以下を貼り付けます。Platform」を利用し、DBに格納した住所から「緯度」と「経度」を求め、マップを表示する方法をご紹介します。(1)DBの設定マップを表示させるために必要なパラメータを格納する「マップDB」を作成します。※当記事内でご紹介するプログラムコードでは下記の差し替えキーワードを利用します。別名で設定される場合は、都度、読み替えを行ってください。ID)を取得する場合、Yahoo!のアカウントが必要です。1Yahoo!JAPANデベロッパーネットワークにアクセスします。APIをクリックします。3「YOLP(地図)」をクリックします。4「新しいアプリケーションを開発」をクリックします。5画面右上の黄色ボタン「アプリケーションを開発」をクリックします。6「アプリケーションを登録」リンクをクリックします。v2)」を選択し、必要情報を記載の上、「確認」をクリックします。8入力内容を確認し「登録」をクリックします。今回は一覧表の単票にマップを表示します。一覧表の作成方法は以下サポートサイトを参照ください。上記(3)で作成した一覧表の単票に以下を貼り付けます。860px;"></div></html>Yahoo!ジオコーダAPIでDBに登録された住所の緯度と経度を取得し、取得した「緯度」と「経度」からマップを生成しています。設置したページを表示させ、マップが表示されていたらOKです(*^^*)/以上で設定は完了です。最後まで読んでいただき、ありがとうございました(*^^*)!関連記事はこちら数量と単価で金額を自動計算するフォーム2つのマスタDBのデータを連動プルダウンにするSPIRALでWebhookシェアするLINE!フォローする関連記事フォームの$タグについて~種類と機能~スパイラル®でフォームをHTMLで編集する際に入力欄のvalue値等にデフォルトで記載されいてる$タグがあります。最新バージョン1.12.5。予約受付フォームや会員登録フォーム等で登録完了後のサンキューページに会員IDを表示する方法について解説していきます。...記事を読む一部フォームを独自ドメインで運用する方法スパイラル®で発行したフォームは株式会社パイプドビッツの所有するドメインになります。自社のドメインで運用したいという...記事を読むログイン者のステータスによって表示画面を切り替える方法マイエリアの機能を使ってログインしたユーザーのステータスによってログイン直後に表示される画面を切り替える方法について解説します。ディベロッパーズサイト|パイプドビッツ.。