12 返信 最新の回答 日時: Feb 14, 2009 7:13 AM ユーザー:FmkP3

    GoogleMapsとの連携方法は?

    FmkP3

      タイトル

      GoogleMapsとの連携方法は?

      フォーラムに投稿

      ご指導お願いいたします。

      住所フイールドの地名(住所)からGoogleMapsを起動し地図を表示させる方法は?。

       

        • 1. Re: GoogleMapsとの連携方法は?
          Hiro
            

           まず、Webビューアをレイアウトに挿入配置して、オブジェクト名を設定します。

          次に、「Webビューアを設定」スクリプトボタンを作り、オブジェクト名に上の指定名を、またそのURLに以下の計算値を指定します。

            "http://local.google.co.jp/maps?" & "q=" & 住所フィールド

           

          以上です。

           

          • 2. Re: GoogleMapsとの連携方法は?
            FmkP3
              

            Hiro様

             

            早速のご返事ありがとうございます。

            やってみました。GoogleMapが表示されました。ありがとうございます。

            ただ、連携?(接続?)直後の表示が、(目的地の)3枚の写真です。画面右上の「<<」をclickすると地図表示になります。

            この地図オブジェクトはレイアウトの何処に配置したらいいものか悩みますね。^_^; 

            地図はある程度の大きさで見たいので‥‥。(顔写真の様なサイズでは、見づらいし‥‥)

            • 3. Re: GoogleMapsとの連携方法は?
              FmkP3
                

              Hiro 様

               

              お手数をお掛けしますが、もう少しご指導くださいませんでしょうか。

              ↑返信に書いた様に、レコードを表示させる度にGoogleMapに接続、表示してくれるのですが、目的地周辺の写真表示となり、都度「<< 」をclickしないと意図した地図が表示されません。

              また、上の部分には大きい文字でGoogleロゴが表示されており、その分地図表示部分が狭くなっています。

              アドレスの指定の仕方か?、と思うのですが‥‥。初めての事でよく理解できていません。(-_-;)

              よろしくお願いいたします。

               

              • 4. Re: GoogleMapsとの連携方法は?
                Hiro
                  

                 地図部分だけを好みのサイズで表示可能です。

                1.先ず、下記の解説ページを参考に必要なHTMLコードをコピーします。

                 

                 【Google マップの地図がブログなどへ簡単にコピペで埋め込み可能に】

                 http://gigazine.net/index.php?/news/comments/20070822_maps_google/

                 

                2.HTMLフィールドを作り上でコピー内容をペーストします。

                内容は以下のようになっていると思います。

                <!--

                <Frame width="425" height="350" frameborder="0" scrolling="no" marginheight="0"

                marginwidth="0" src="http://maps.google.com/mapsf=q&amp;source=s_q

                &amp;hl=ja&amp;geocode=&amp;q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%

                8D%83%E4%BB%A3%E7%94%B0%E5%8C%BA%E5%8D%83%E4%BB%A3%E7%94%

                B0%EF%BC%91%EF%BC%8D%EF%BC%91%EF%BC%8D%EF%BC%91&amp;sll=37.0625,-95.677068&amp;sspn=37.871902,38.671875&amp;

                ie=UTF8&amp;ll=35.693483,139.758196&amp;spn=0.009499,0.009441

                &amp;z=14&amp;iwloc=addr&amp;output=embed&amp;s=AARTsJo54f79MOxlCCB

                6jLKhCjdnzfAWzA"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=ja&amp;geocode=&amp;q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%8D%83%E4%BB%A3%E7%94%B0%E5%8C%BA%E5%8D%83%E4%BB%A3%E7%94%B0%EF%BC%91%EF%BC%8D%EF%BC%91%EF%BC%8D%EF%BC%91&amp;sll=37.0625,-95.677068&amp;sspn=37.871902,38.671875&amp;

                ie=UTF8&amp;ll=35.693483,139.758196&amp;spn=0.009499,0.009441&amp;

                z=14&amp;iwloc=addr" style="color:#0000FF;text-align:left">大きな地図で見る</a></small>

                //-->

                 

                3.地図のサイズ変更

                地図のサイズは、width="425" height="350" 部分でデフォルトのサイズが指定されています。

                この数字をお好みのサイズに変更してください。

                 

                4.HTMLコードを整形

                HTMLコードを直接Webビューアに送信して表示させることが出来ます。これには、HTTPに変わりDATAスキームでURL送信します。そのため、日本語は文字化け対策をする必要があります。

                また、FM予約語の「"」はHTMLコードから除去します。

                これを考慮した最終的な計算式は、

                 

                "DATA:text/html;charset=utf-8," & Substitute(HTMLフィールド; ["\""; ""]; ["大きな地図で見る"; GetAsCSS("大きな地図で見る")])

                 

                この式をWebビューアのURLに指定してください。以上でご希望のことが実装できるかと思います。

                • 5. Re: GoogleMapsとの連携方法は?
                  FmkP3
                    

                  hiro 様

                   

                   うわ~!!。すツご~く難しそう。‥‥ご指導ありがとうございます。

                  http://gigazine.net/index.php?/news/comments/20070822_maps_google/

                   

                  を見ました。2項でご説明頂いたHTMLとなっています。‥‥で、??です。

                  このHTMLを張り付けてサイトに埋め込む」 は理解できるのですが‥‥。指定住所はこのHTMLのどの部分に記載するのでしょうか?。

                   

                  追加ご指導依頼した段階でのWebビューア設定のWebアドレスは次の様な内容です。

                  "http://local.google.co.jp/maps?" & "q=" & /*住所=*/ 社員情報::自宅住所1 & " " & /*キーワード=*/ ""

                  社員情報テーブルの「自宅住所1」フイールドに基いて地図表示してくれています。

                   

                   

                  • 6. Re: GoogleMapsとの連携方法は?
                    Hiro
                      

                    最初のボタン設定は廃止し、それをHTML送信ボタンに変更します。

                     

                    住所からそのHTMLを得るのは登録時の一回だけでしょうから、手作業で十分かと思います。

                     

                    手順としては、

                    住所フィールドをコピーして、ブラウザのGoogleMapページの住所欄にペースト、

                    開かれた地図からその住所のHTMLコードをコピー、FMのHTMLフィールドへペースト。

                    あとは、前回説明した内容で「Webビューアを設定」ボタンを設定して完了です。

                    • 7. Re: GoogleMapsとの連携方法は?
                      FmkP3
                        

                      Hiro 様

                       

                      申し訳ございません。せっかくのご指導なのですが、なかなか理解できません。

                      最初のご指導(2/4 12:32AM)、Webビューアの設定は理解でき、Mapを動作させれました。しかし、地図表示するには<<をクリックしなければならない‥‥で、追加ご指導依頼させていただいたのですが‥‥。

                       

                      >ボタン設定をHTML送信ボタンに変更   ‥‥  ここから分からないのです。

                       

                      >住所フイールドをブラウザのGoogleMapページの住所欄にペースト   ‥‥  → GoogleMapの住所検索欄にFMの住所フイールド内容(目的地)をペーストするのですよね?。地図が開かれますね。

                       

                      >その住所のHTMLコードをコピー、FMのHTMLフィールドへペースト   ‥‥  ここも分からないのです。

                       

                      →表示された地図の右上に「印刷」「送信」「リンク」ボタンが有ります。この「リンク」で宜しいでしょうか?。これをクリックしますと『HTMLを貼り付けてサイトに地図を埋め込みます』の欄がHTMLコードでしょうか?。この内容(コード)は 2/6 4:07AMのご指導内容ですよね?。このコードを「Webアドレス」欄に直接張り付けると、住所との関連が無い?ので、全レコード同一の地図となってしまいます。

                      このコードと住所フイールド内容との関連付けは?。HTMLコードの何処を編集すれば良いのでしょうか?。

                       

                      "http://local.google.co.jp/maps?" & "q=" & /*住所=*/ 社員情報::自宅住所1 & " " & /*キーワード=*/ ""

                      の貼り付けでは『‥‥/*住所=*/ 社員情報::自宅住所1 & ‥‥』の部分で関連付けされているのでレコードの自宅住所1に対応し表示されます。


                       

                       

                       

                      • 8. Re: GoogleMapsとの連携方法は?
                        Hiro
                          

                        どうも以前のものと錯綜があるようなので、もう一度始めから新たに説明し直します。

                         

                        1.住所フィールドに住所を入力。

                        2.HTMLコードを入れる「HTML」名のテキストフィールドを新規追加作成。

                        3.住所に対応するHTMLコードを次の手順で取得。

                          入力住所をコピー>ブラウザGoogleMapページのアドレス欄に住所をペースト>

                          地図が開く>リンクボタン押す>『HTMLを貼り付けてサイトに地図を埋め

                          込みます』欄からHTMLコードをコピー

                        4.上で得たHTMLコードを2で作った「HTML」フィールドへペースト。

                        5.地図の表示サイズを決めて(例:"600"px幅 "500"px高)、このサイズのWebビューアをレイアウト挿入。

                          URL指定はせずに空白のWebビューアを作ります。このビューアのオブジェクト命を命名(例:"Map")。

                        6.「Webビューアを設定」スクリプトステップを貼り付けたボタンを作成。

                          スクリプト設定内容は、

                           オブジェクト名:"Map"

                           URLを変更:下式で、整形した計算結果を代入。

                           (地図サイズは、デフォルト値を任意へ自動書き換えします。自己のサイズへ入れ直すこと)

                         

                        計算式= 

                         

                        "DATA:text/html;charset=utf-8," & Substitute(「HTML」フィールド; ["width="425" height="350"; "width="600" height="500"]; ["\""; ""]; ["大きな地図で見る"; GetAsCSS("大きな地図で見る"])

                         

                         

                        以上で完了です。

                        • 9. Re: GoogleMapsとの連携方法は?
                          Hiro
                            

                          式にタイポがありました、お詫びのうえ下記へ訂正させてください。

                           

                          "DATA:text/html;charset=utf-8," & Substitute(「HTML」フィールド; ["\""; ""];  ["width=425 height=350"; "width=600 height=500"]; ["大きな地図で見る"; GetAsCSS("大きな地図で見る"])

                          • 10. Re: GoogleMapsとの連携方法は?
                            FmkP3
                              

                            Hiro 様

                             

                            他用と、ご指導内容の理解力不足でご返事が遅くなり申し訳ありません。
                            FMのVersion違いの性があるのでしょうか?。私は現在、FileMaker-Pro-10試用版(Win-XP)を使用しています。
                            これによると、ご指導の
                            第2項「HTML」フイールド(テキスト)へ、第3項の「HTMLコード」をCopyすると、コードが文字列として記載されるだけです。

                            第5項URL指定はせずに‥‥と有りますが、レイアウトモードで挿入メニュー>「Webビューア」コマンドをクリック(実行)すると、Webビューアの設定」画面となり、その中で
                            a.Webサイトの選択
                            b.住所box(必須)で「フイールドの指定」と「計算式の指定」が選べるようになっています。
                            c.その下に、キーワードbox(オプション)とあり、同じくフイールドの指定と計算式の指定が選べるようになっています。
                            d.更に下部にWebアドレスのboxがあり、"http://local.google.co.jp/maps?" & "q=" & /*住所=*/ "" & " " & /*キーワード=*/ ""が既に記載されています。box右にある「指定」のボタンをクリックすると、フイールドに対する計算式設定の設定画面になります。

                            よって第5項はご指導の様には実現できません。

                            第6項Webビューアの設定スクリプト‥‥よく理解できません。次の様にやってみました。

                            スクリプトメニューのスクリプトの管理コマンド>新規作成の内容としては

                            太字項目で言えば
                            ア.制御
                            イ.切り替え移動
                            ウ.編集


                            ケ.
                            最後の項に
                            コ.「その他」があり、この中に「Webビューアの設定」項があり>Webビューアの設定[処理:リセット]。
                            URLを開く[]のオプションのboxにご指導の計算式を  "DATA‥‥""  をコピペすると、  “指定されたテーブルが有りません”のエラーとなります。

                             

                            色々試行してみたのですが、上手く行きません。お手数をお掛けします(-_-;)







                            • 11. Re: GoogleMapsとの連携方法は?
                              FmkP3
                                

                              Hiro 様

                               

                              ご指導ありがとうございました。
                              色々試行してみましたが、メッセージ番号(以下、M#と表記します)#7/#9でご指導頂いた様な「HTMLフイールド」の作成は必要ない様です。

                              挿入メニュー>Webビューアの実行で、地図が表示されますので(M#3での表示内容です。M#4でお願いした様な事は出来ませんが)現状止むを得ません。

                              • 12. Re: GoogleMapsとの連携方法は?
                                FmkP3
                                  

                                Hiro 様

                                 

                                FileMaker-Pro10の試用期間が昨夜で切れました。Hiro 様のこれまでのご指導に御礼申し上げ、このスレッドを終了させて頂きます。ありがとうございました。