WIKIWIKIユーザー助け合い掲示板

Google map / 1

3 コメント
views
6 フォロー
1
01v 2023/02/09 (木) 22:42:01

GoogleMapプラグイン

  • GoogleMapから埋め込み情報をコピーする
    GoogleMapのメニューボタンから
    共有→地図に埋め込む→HTMLをコピー
    今回の例なら以下がコピーされる

    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3259.8939077066507!2d139.0592563!3d35.2091115!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6019a350b60b3101%3A0x8c4cd79875dca3ba!2z566x5qC55LiD5puy44KK!5e0!3m2!1sja!2sjp!4v1675948310633!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
    
  • プラグインに当てはめる
    プラグインの説明の通り以下の部分を抜き出す。
    iframe src="google-map-url"
    幅と高さを任意に指定
    今回の例なら以下の通り

    #google_map(https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3259.8939077066507!2d139.0592563!3d35.2091115!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6019a350b60b3101%3A0x8c4cd79875dca3ba!2z566x5qC55LiD5puy44KK!5e0!3m2!1sja!2sjp!4v1675948310633!5m2!1sja!2sjp,500,500)
    
通報 ...