WordPress GoogleMapの埋め込み(備忘録)
GoogleMapで表示したい場所を選択
GoogleMapで、表示したい場所を選択し、左クリックした後、右クリックをし、緯度経度を表示しているところを選択
すると、緯度経度情報がコピーされるので、左上のGoogleMapを検索のダイアログにペーストする。
左ペインにある、共有をクリックすると、共有の子ウィンドウが開くので、地図を埋め込むタブをクリックし、地図の大きさを選択(デフォルトは中)し、HTMLをコピーをクリックする。
WordPressへの貼り付け
WordPressに戻り、ブロック挿入ツールからカスタムHTMLを選択し、ペーストする。
1 |
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d817.0277541224318!2d139.08082482919764!3d35.003925997288476!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x30fb63109492357a!2zMzXCsDAwJzE0LjEiTiAxMznCsDA0JzUyLjkiRQ!5e0!3m2!1sja!2sjp!4v1674946489704!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> |
プレビューで地図があっているか、確認する。