URAMICHI*memo

bloggerのモバイルサイトで場所が表示されない問題（解決済み）。


参考
・Fors- Show location on Blogger posts（Bloggerの投稿に場所を表示する）
・Displaying your Blogger posts' location tag on mobile templates other than -Dynamic Views-（「動的ビュー」以外のモバイル テンプレートに Blogger 投稿のロケーション タグを表示する）

bloggerのモバイルテーマを「Dynamic Views」にすると投稿時に設定した場所（ジオタグ）が表示されるが、「Simple」「Picture Window」「Awesome Inc.」「Watermark」「Ethereal」「Travel」「カスタム」にすると表示されない。


自分の環境では、PC用とは別に、もう1つ下記のコードをhtmlにはさむ必要があった。PC用では<div class='post-footer-line post-footer-line-3'>の下に挟むが、モバイル用では<div class='post-footer-line post-footer-line-1'>の下。この位置が違うと表示されなかった。


<!--位置情報モバイル用-->
<span class='post-location'>
<b:if cond='data:top.showLocation'> <b:if cond='data:post.location'>
<data:postLocationLabel/>
  <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  </b:if> </b:if>
        </span>         
<!--位置情報モバイル用-->  


さらにGoogleマップを付ける場合。


<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>


上記のタグあたりに下記のタグを入れる。


<iframe expr:src='data:post.location.mapsUrl + "&iwloc=B&z=14&output=embed"' frameborder='0' height='200' marginheight='0' marginwidth='0' scrolling='no' width='300'/>


参考
・投稿の設定「場所」を地図で表示する　おぼえがき


→実例ページ