Webビューアで特定の座標のGoogleMapを表示

　※本記事ではFileMaker19.3.1以降を対象としています。

　GoogleMapで特定の座標を表示するには、以下のURLを使用する。
http://maps.google.com/maps?q=緯度,経度&z=ズーム倍率
たとえば、
http://maps.google.com/maps?q=35.6895,139.6917&z=15
ただし、マップの左側に検索のサイドパネルが表示されてしまう。このサイドパネルは通常は表示させないことはできないが、iframe要素の中で使用する場合のみ、非表示にすることができる。
http://maps.google.com/maps?output=embed&q=緯度,経度&z=ズーム倍率
output=embedパラメータを指定することで、埋め込み用のURLとなり、サイドパネルを隠すことができる（ただし、表示させることはできなくなる）。このURLは、ブラウザのURL欄に打ち込んでも正しく機能しないが、HTML内のiframe要素に埋め込んで使用することができる。例えば、

<!DOCTYPE html>
<html>
   <head>
      <title>Embedded Google Map</title>
      <style>
         body{margin:0;height:97vh;width:100%;}
         iframe{border:0;height:100%;width:100%;}
      </style>
   </head>
   <body>
      <iframe src='http://maps.google.com/maps?output=embed&q=35.6895,139.6917&z=15' allowfullscreen='' loading='lazy'></iframe>
   </body>
</html>

投稿者プロフィール

奥田: スモールの未来探究部　所属
FileMaker開発エンジニア

投稿者プロフィール

最新の投稿