マップ

このページでは、すでに埋め込んであるGoogleマップのiframeを、スマホでも横にはみ出さず見やすく表示するためのレスポンシブ対応を解説します。HTMLの埋め込みコードはそのままに、CSS側の調整だけで対応する方法にしぼっています。この...

このページでは、ページの読み込み速度を落としがちなGoogleマップの埋め込み地図を、できるだけ軽く表示するための遅延読み込み（Lazy Load）の考え方と実装パターンをまとめています。難しいライブラリは使わず、静的HTML＋少しのJav...

このページでは、静的HTMLサイトにGoogleマップを表示するための全体像をまとめています。まずはシンプルに埋め込むところから始めて、スマホ対応（レスポンシブ）と表示の軽量化までを、Templyの3つのガイドページに分けて解説していきます...

このページでは、Googleマップから埋め込みコード（iframe）を取得し、TemplyのHTMLに貼り付けてお店の地図を表示するまでの流れを解説します。APIキーや難しいJavaScriptは使わず、「共有」→「地図を埋め込む」だけでで...