Wedとりとめないメモ。TueSVGでやることのまとめ。Satスクロールパラパラ。Wedふりがなを振る。Wed段組みのCSS。Sunウィンドウ幅いっぱいのヘッダー画像。Wedよこ並びのCSS。Friコンテナからの解放。Tueイラレでイラスト。Wed動くCSSのためのメモ。Thuなつかしくってあったかい、きりぎりす。Sun透明ノイズと紙テクスチャ。マップが提供しているHTMLソースコードをコピペする方法が手っ取り早いです:)。手順と、地図の大きさの調整の仕方をまとめました。マップで、目的地を検索します。検索した時の左のメニューから、「共有」の「地図を埋め込む」で提供されているHTMLをコピーして、WebサイトのHTML内の、地図を配置したい箇所にペーストします。マップのほとんどの機能を享受できちゃう内容となっています。マップの埋め込みただし、コピペしたままだと、地図のサイズが固定されてるので、表示したいエリアよりも小さいと余白ができちゃうし、大きいとハミ出しちゃって大変ですね。地図のサイズは、HTMLソースコードのwidth属性とheight属性の値を変更すれば、任意のサイズを指定できます(単位は書かずに数値だけ入力します)。width属性の値を800、height属性の値を200と指定すれば、横幅800px、高さ200pxのサイズで地図が表示されるという具合。allowfullscreen></iframe>地図のサイズを変更するこれで、広い画面で見た時にはエリア内にしっかり収まるようになりました。スマホで見た時には結局ハミ出しちゃいますね...:(。いかなるときも、表示するエリアにぴったりフィットさせるには、以下のように、width/height属性は削除して、style属性の値border:0の手前に、width:100%;とheight:100%;とvertical-align:middle;を追記します。allowfullscreen></iframe>地図を親要素めいっぱいに広げるこれで、表示したいエリアのサイズがどう変わっても、エリアのサイズに合わせて地図がみっちり表示されるようになりました;D。コメントデータの処理方法の詳細はこちらをご覧ください。