「更新情報/2007年/10月/05日/新プラグイン:Googleマップ表示プラグイン(googlemaps)」の編集履歴（バックアップ）一覧はこちら

「更新情報/2007年/10月/05日/新プラグイン:Googleマップ表示プラグイン(googlemaps)」(2022/05/20 (金) 15:29:28) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

 #googlemaps(){ HTMLタグ }
と入力することで、Googleマップ を表示します。

HTMLタグは、&blanklink(Google Maps*){http://maps.google.co.jp/}のページで簡単に取得することができます。&html(<a href="#id_8746e89e">HTMLタグの取得方法はこちら</a>)


使用例）

&small(){※ 使用例表示の都合上HTMLタグの一部改行をしておりますが、プラグインでの使用の際にはHTMLタグをそのまま使用してください。}
 #googlemaps(){
 <iframe src="https://www.google.com/maps/embed?
 pb=!1m18!1m12!1m3!1d831438.4630051361!2d139.20939705112048!3d35.50906270361419!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x605d1b87f02e57e7%3A0x2e01618b22571b89!2z5p2x5Lqs6YO9!5e0!3m2!1sja!2sjp!4v1653019903045!5m2!1sja!2sjp"
  width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
 }
と入力すると、以下の様に表示します。

#googlemaps(){
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d831438.4630051361!2d139.20939705112048!3d35.50906270361419!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x605d1b87f02e57e7%3A0x2e01618b22571b89!2z5p2x5Lqs6YO9!5e0!3m2!1sja!2sjp!4v1653019903045!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
}


----

***HTMLタグの取得の方法
>&blanklink(Google Maps*){https://www.google.com/maps/}のページで、表示したい場所を地図上で選び、
>
>-①ページ左側の「共有」をクリック
>#divclass(img_border){#ref(googlemaps_image01.png)}
>-②「地図を埋め込む」のHTMLタグをコピー
>で、HTMLタグを取得することができます。
>#divclass(img_border){#ref(googlemaps_image02.png)}

 #googlemaps(){ HTMLタグ }
と入力することで、Googleマップ を表示します。

HTMLタグは、&blanklink(Google Maps*){http://maps.google.co.jp/}のページで簡単に取得することができます。&html(<a href="#id_8746e89e">HTMLタグの取得方法はこちら</a>)


使用例）

&small(){※ 使用例表示の都合上HTMLタグの一部改行をしておりますが、プラグインでの使用の際にはHTMLタグをそのまま使用してください。}
 #googlemaps(){
 <iframe src="https://www.google.com/maps/embed?
 pb=!1m18!1m12!1m3!1d207446.24819813133!2d139.600785005925!3d
 35.66844146129563!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f
 13.1!3m3!1m2!1s0x60188b857628235d%3A0xcdd8aef709a2b520!2z
 5pel5pys44CB5p2x5Lqs6YO95p2x5Lqs!5e0!3m2!1sja!2sus!4v1653028012020!5m2!1sja!2sus" 
 width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" 
 referrerpolicy="no-referrer-when-downgrade"></iframe>
 }
と入力すると、以下の様に表示します。

#googlemaps(){
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d831438.4630051361!2d139.20939705112048!3d35.50906270361419!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x605d1b87f02e57e7%3A0x2e01618b22571b89!2z5p2x5Lqs6YO9!5e0!3m2!1sja!2sjp!4v1653019903045!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
}


----

***HTMLタグの取得の方法
>&blanklink(Google Maps*){https://www.google.com/maps/}のページで、表示したい場所を地図上で選び、
>
>-①ページ左側の「共有」をクリック
>#divclass(img_border){#ref(googlemaps_image01.png)}
>-②「地図を埋め込む」のHTMLタグをコピー
>で、HTMLタグを取得することができます。
>#divclass(img_border){#ref(googlemaps_image02.png)}