googlemapを埋め込みにかえる

投稿者: | 2020年2月13日


googlemapを埋め込む書き方

googlemapをwebサイトのhtmlに埋め込むやり方。よくぐぐるのでメモ代わりに。

iframeとアンカーの例。

<iframe src="https://maps.google.co.jp/maps?output=embed&amp;t=m&amp;hl=ja&amp;z=18&amp;ll=緯度,経度&amp;q=緯度,経度" frameborder="0" scrolling="no"  width="300" height="400"></iframe>

&amp;を&に置き換えてください


住所を使う場合

  <iframe src="https://maps.google.co.jp/maps?output=embed&amp;z=18&amp;q=東京都新宿区~ここに住所" width="600" height="400" frameborder="0" scrolling="no" ></iframe>


普通にgooglemapを開く場合(ターゲットブランク)

  <a href="https://maps.google.com/maps?q=東京都" target="_blank">東京都</a>
//座標の場合
<a href="https://maps.google.com/maps?q=35.6803997,139.7690174" target="_blank">東京都</a>

東京都住所

東京都座標

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA