サイト用Googleマップ

サイト用Googleマップ: 用途

住所または場所の名前を入力し、ズーム、種類（地図、航空写真、道路付き航空写真）、高さ、角の丸みを選びます。プレビューには実際の地図が表示され、コードは幅100%、遅延読み込み（loading=lazy）、アクセシビリティ用のtitle付きで出力されます。

経路リンクも生成され、Googleマップやスマホのアプリでルートが開きます。

使い方

1. お店や事業所の住所を入力します。
2. 地図のズーム、種類、高さを調整します。
3. 地図のコードと経路リンクをコピーします。

使うタイミング

• 店舗、クリニック、レストランの連絡先ページ。
• イベントや結婚式のサイト。
• 地域ビジネスのランディングページ。

よくある質問

GoogleのAPIキーは必要ですか？

いいえ。コードはGoogleマップのシンプルな埋め込みアドレス（maps.google.comのoutput=embed）を使うので、キーは不要です。スタイルをカスタマイズした地図や多数のマーカーが必要な場合は、Google Maps APIが必要になります。

地図を入れるとサイトが重くなりますか？

Googleのiframeは重めです。コードにはloading="lazy"が入っているので、訪問者がスクロールして地図に近づいたときに初めて読み込まれます。地図はページの下の方、連絡先の近くに置いてください。

経路ボタンはどう作りますか？

生成されたリンクを使ってください。Googleマップ（スマホではアプリ）が開き、その住所までのルートが表示されます。地図の横のボタンにするのがおすすめです。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。

関連ツール