初心者のFileMaker pro Q&A (旧掲示板)

Horicchii

Member

地図の表示について

こちらのサイトは初めてで初質問です。

使用環境は FMP13／Win8.1／IE-11／MS-IMEです。
みんなで助け合おう！初心者のFileMaker pro Q&A の「早く新居へ移ろ (14/11/01(土) 20:28)」 さんの
[10037] Re: [10027] 地図の住所が文字化け を拝見、
>Google地図検索APIの仕様が変わったのに伴い、URL書式も変わってた。>
"https://www.google.co.jp/maps/search/" & 顧客カード::住所

を見てWebビュワーに設定した結果、FMP13の地図オブジェクトにGoogleMapが表示できる様になり助かりました。

しかし、MAP上には住所フイールド対応の住所及び関連情報みたい（白枠表示）なのが表示され、肝心の地図表示部が狭くなっており良く見えません。
マウスホイｰルにて地図の拡縮はできるのですが、FMP上では表示エリアが小さく(白枠部が大きく)ほとんど意味がありません。

このMAP上でダブルクリｯクするとDisplay全画面表示になり、白枠表示部も消えると有効なのですが‥‥。
GoogleMapsAPIなどieで検索したところ、コード追記で表示可能な事が書かれているのですが、
上記コードに追記すると文字化けエラーになってしまいます。

どなたか、上記記述にどの様に追記するとOKになるのかご教授願えませんでしょうか？。

なお、住所関係フイールドは都道府県名、住所（番地まで）、住所２(ビル名(マンション含む）、郵便番号の４フイールドです。
※正確には国名（ブランクの場合は日本で省略）の５Fですが。

youkazu7777

Member

Re: 地図の表示について

https://fm-aid.com/bbs2/viewtopic.php?id=3245

はご覧になりましたか？
たしか標準の方法では横のパネルを消すことは出来なかったと思います。
GoogleMaps API(v3)を使えば可能です。

Horicchii

Member

Re: 地図の表示について

https://fm-aid.com/bbs2/viewtopic.php?id=3245

はご覧になりましたか？
たしか標準の方法では横のパネルを消すことは出来なかったと思います。
GoogleMaps API(v3)を使えば可能です。

youkazu7777 様
ご回答ありがとうございます。
※過去スレ（表題）は相当数見た上で欲しい内容スレが無かったので新規質問となったのですが。7/3に投稿されているのですね。このサイトは初めてなので、スレの見方が良く分かりません。この返信も初めてなので、上手くできるか不安です。

さて、URL拝見させて頂きましたが、「2地点間ルート案内‥‥」は私にとってはレベルが高過ぎて、理解できません。
お願いしたき事は、質問にも書いていますが、地図の全画面表示方法なのですが。ご案内のURLでは記載されていないのでは‥‥？。

>GoogleMaps API(v3)を使えば可能です。
失礼な言い方で申し訳ありませんが、V３で可能ならばそれでも良いです（V3の意味が解っていないのですが)｡

FMP上の、"https://www.google.co.jp/maps/search/" & 顧客カード::住所
に、どの様にしたら、地図の全画面表示ができるのかご教授願えませんでしょうか？。

youkazu7777

Member

Re: 地図の表示について

プロの方がたくさんおられるこの掲示板で憚られますが、
サンプルファイルを作ってみました。参考になりますでしょうか。

https://www.dropbox.com/s/hcuwbjudv9z0m … fmp12?dl=0

qb_dp

Member

Re: 地図の表示について

FMP上の、"https://www.google.co.jp/maps/search/" & 顧客カード::住所
に、どの様にしたら、地図の全画面表示ができるのかご教授願えませんでしょうか？。

残念ながら URLアドレス への記述だけでは、地図の全画面表示は出来ないようなので「Google Maps JavaScript API v3」を使ってチョットややこしい事をしないと地図の全画面表示は実現出来ないようです。

私も作ってみたので、
サンプルを作ったので上げときますね。
ファイル名：GMap.fmp12
https://sites.google.com/site/scriptmak … ipt-api-v3

Horicchii

Member

Re: 地図の表示について

youkazu7777 様
qb_dp 様

ご指導ありがとうございます。
お二人のご指導内容を合わせたものが欲しいのです。

youkazu7777 様の様に、FMP13上での地図表示（marker付き）はDB dataもあり、広い面積がとれません。
よって、その地図上でクリック(double)すると、qb_dp 様の地図の様に全画面表示になる（ホイール拡縮も）。

取敢ず、この様なお二人分の合計が欲しいのです。
※将来的に欲が出て来て、多点マーク、２点間距離、ルート案内などと言う事になるかもしれませんが‥‥。

>残念ながら URLアドレス への記述だけでは、地図の全画面表示は出来ないようなので「Google Maps JavaScript API v3」を使ってチョットややこしい事をしないと地図の全画面表示は実現出来ないようです。

「"https://www.google.co.jp/maps/search/" & 顧客カード::住所」 にコート゛追記挿入ではダメなのでしょうか？。

advanceは持っていません。nonAdvanceでの表示は、かなりややこしい事となりますか？。
何とか実現したいのですが‥‥。

youkazu7777

Member

Re: 地図の表示について

まあ，細かな仕様は，GoogleMapsApiでググって勉強していただければすぐに分かりますよ。
地図の全画面表示も，スクリプトで別ウインドウを起こしてそれを全画面にするだけです。

youkazu7777

Member

Re: 地図の表示について

qb_dpさん

なるほどですね。
JavaScript部分に，ジオコーディングも埋め込んでしまえば，座標フィールドは不要ですね。
まあ，２地点以上になると，必要にはなるのでしょうが・・

Horicchii

Member

Re: 地図の表示について

まあ，細かな仕様は，GoogleMapsApiでググって勉強していただければすぐに分かりますよ。
地図の全画面表示も，スクリプトで別ウインドウを起こしてそれを全画面にするだけです。

これで終わりなのでしょうか？。
GoogleMapsAPIV3はこれまで何度か診ているのですが（ほかの類似サイト、http://www.ajaxtower.jp/googlemaps/も）、自分のSkillでは理解できなく、ここに質問しに来たのです。
お忙しい処、申し訳ありませんがもう少し教えて頂けないでしょうか？。初心者の為に‥‥。

これまで、FMP13のWebビューワに「"https://www.google.co.jp/maps/search/" & 顧客カード::住所」を記述することで、
地図表示はできているのです。
ただ、FMP上では表示面積を大きく取れないので、この地図では場所の特定が困難なのです。
※Maps APIにある、パラメータコードをいろいろ追記試行するのですが、全画面GoogleMapでは住所が文字化けし関係のない場所の地図が表示されたり、初めからエラーが出て、上手く行きませんでした。

>地図の全画面表示も，スクリプトで別ウインドウを起こしてそれを全画面にするだけです。
別ウインドウとは、GoogleMapの起動ですよね？。Scriptで可能なのですか？。
GoogleMapの左上の住所欄にFMPの住所を挿入させる事ができるのですか？。

scripter

Guest

Re: 地図の表示について

APIキーを使うなら、エンベッドにしたらどうでしょうか。
http://syncer.jp/google-maps-embed-api-matome
placeの例を見ると、何もしないでも「拡大地図を表示」のリンクが左上に見えてます。
"https://www.google.com/maps/embed/v1/place?key={取得したAPI KEY}&q=" & GetAsURLEncoded(住所)

Horicchii

Member

Re: 地図の表示について

APIキーを使うなら、エンベッドにしたらどうでしょうか。
http://syncer.jp/google-maps-embed-api-matome
placeの例を見ると、何もしないでも「拡大地図を表示」のリンクが左上に見えてます。
"https://www.google.com/maps/embed/v1/place?key={取得したAPI KEY}&q=" & GetAsURLEncoded(住所)

scripter 様
ご参加ありがとうございます。
早速、API Key取得すべく、URL訪問し[Google Maps Embed API]を有効にする” になりましたが、Keyはどの様な物でしょうか？。
英数字などでしょうか？、何もAnswer無かったのですが‥‥ ？？。

youkazu7777

Member

Re: 地図の表示について

EmbedAPIはiFrame内でないと使えませんね。
なので、標準のビューアに、アドレスを設定するだけでは無理です。

youkazu7777

Member

Re: 地図の表示について

Horicchiiさんの実現したいことは、

「地図をクリックすると、べつのウインドウが起動して、そこに全画面を表示する」ということで合っていますか？

Horicchii

Member

Re: 地図の表示について

Horicchiiさんの実現したいことは、

「地図をクリックすると、べつのウインドウが起動して、そこに全画面を表示する」ということで合っていますか？

はい。基本的にFMPのレコード住所に基づき、別ウインドウにその住所対応の地図が全画面で表示され（marker付）、適宜マウスホイールで拡大縮小もできる。
地図利用終了の際は画面右上のｘで閉じる。
引き続き別のレコードが表示（検索含む）されると対応地図が表示され、地図クリックにて「別ウインドウ－全画面表示」となる。
これが今回のお願い内容です。ご面倒をお掛けします。

youkazu7777

Member

Re: 地図の表示について

マップをクリックして別ウインドウを展開するのはちょっと奇妙な感じになってしまったので，
ボタンで展開するようにしてみました。

https://www.dropbox.com/s/hcuwbjudv9z0m … fmp12?dl=0

Horicchii

Member

Re: 地図の表示について

マップをクリックして別ウインドウを展開するのはちょっと奇妙な感じになってしまったので，
ボタンで展開するようにしてみました。

https://www.dropbox.com/s/hcuwbjudv9z0m … fmp12?dl=0

youkazu7777 様
ありがとうございました。レコード追加などして確認しました。お願いしていた通りの地図表示となって居ます。
ボタン追加、助かります。

この後は、自分のDBに移植し、利用させて頂きます。
（ﾁｮｯﾄ難しい処があるかもしれませんが‥‥)｡
重ねて御礼申し上げます。

Horicchii

Member

Re: 地図の表示について

youkazu7777 様

Ｏｈ！、素晴らしい。youkazu7777さん、120%の出来栄えです。
感謝の意味を込め、youkazu7777さんの頭文字略字をタイトルに by y7 と冠しました。

https://www.dropbox.com/s/5u6da0kzydp71 … 2.png?dl=0

１つだけ、変更のお願いがあります。
ジオコーディング」のボタンを押すと、カーソルがジオコーディングレスポンスの所へ飛んでしまいます。
同レスポンスは、フイールト゛の一番下にある為、画面の半分くらいが上にスクロールし、地図部が見えなくなってしまいます。
レスポンスを画面上に移動したのですが、それでも画面一番下に飛んでしまいます。
よく見ると、フッター部へ飛んでいるのですね。
飛ばせない方法はありませんでしょうか？。