ブログからGoogleマップのサイトへ直接リンクを張っていました。
その時は上手く行っていたのに、現在は仕様が変わったのか、地図の位置は正しく表示されるけど、マップに登録したピンが表示されていない事が判明!!
target=”_blank”で飛ばしていたのが悪いようだけど、削ってもピンが時々表示されない…
他に根本的な問題があるんでしょうね。汗
とりあえず、素直にiframe内にGoogleマップを表示することにしました。

Googleマップを入れるiframeは、Bloggerのページを活用することに。
でも、投稿記事とページのカラムの幅が同じなので、Googleマップを入れるにはイマイチ狭い…
そこで、ページについてのみカラム幅の変更を行いました。
カラムの幅の設定は、以前作成したCSSの外部ファイルtemplate-skin.css」の部分。
<b:if>を使って、ページ(static_page)のみカラム幅を変更した「template-skin2.css」を適用するようにしました。

<b:if cond=’data:blog.pageType == “static_page”‘>
<link href=’https://sites.google.com/site/okinawanlyrics/home/template-skin2.css’ rel=’stylesheet’ type=’text/css’/>
<b:template-skin><![CDATA[]]></b:template-skin>
<b:else/>
<link href=’https://sites.google.com/site/okinawanlyrics/home/template-skin.css’ rel=’stylesheet’ type=’text/css’/>
<b:template-skin><![CDATA[]]></b:template-skin>
</b:if>

Googleマップを入れたページは、右側のカラムにある「旅の足跡(Google Maps)」の一覧からリンクしています。
例)南の島旅:国内編