Googleマップは、次のような多数の機能を備えたインテリジェントな「地図」です。 旅行計画 、 バス路線 、 交通指標 、 道順 、 距離計算機 衛星、リアルタイム、ハイブリッドなどのいくつかのビューで。これらの地図が多くのウェブサイト、特に お問い合わせページ また、Googleで会社や組織を検索すると、通常、地図とビジネス情報が右側に表示されます。
このガイドでは、どのように利用できるかについてさまざまな方法で説明します グーグルマップ あなたのビジネスのために、そしてあなたのウェブサイトのために、グーグルマップを埋め込むために使用される一般的な方法とは別に、私はまた、ユーザーが入力できるHTMLフォームを作成するための手順を説明します ただ 彼らの住所、そしてあなたへの道順を取得し、ユーザーがグーグルで検索してグーグルマップに行く必要をなくします。
Googleマップを埋め込む
現在地や特定のルートを訪問者に表示したいだけの場合は、Googleマップを埋め込むだけで十分です。次の手順に従って、現在地または特定のルートを埋め込みます。
に移動 グーグルマップ 検索ボックスにアドレスを入力して、場所または特定のルートを見つけます。
住所を入力したら検索し、表示されたら[ 共有(2) ボタンをクリックしてから、「
マップの大きさのサイズをから調整することもできます 落ちる 、サイトに最適なサイズに調整するまで、さまざまなサイズを試してください。このコードは、アドレスを表示するページに配置されます。
これは、サイトに埋め込まれた後の地図の表示方法であり、Googleマップを埋め込むために最も広く使用されている方法です。これは非常に便利です。住所をテキストとして表示するよりも優れています。
Googleの方向性を取得するためのフォームを作成する
ただし、ユーザーがルート案内を取得したい場合は、[ルート案内]をクリックして新しいウィンドウで開き、住所を入力する必要があります。私の意見では、ユーザーがすべての追加手順を実行するために別のサイトにリダイレクトされないことが最善です。ユーザーは、アドレスを入力するだけで、サイトから直接道順を取得できます。
Googleの運転ルートフォームは、ブログやウェブサイトのどこにでも追加できます。フォームを表示するページのソースにコードを配置する必要があります。このフォームでは、訪問者に開始点アドレスを入力するためのテキストボックスとクリック可能なボタンが表示されます。 Googleフォーム 自動的にGoogleマップに移動し、あなたの場所へのドライバーの道順を示します。
次のHTMLコードをコピーします。
開始アドレスを入力してください:
上記のコードで、ニューヨーク州ニューヨークの345thAvenueを自分の住所に置き換えます。コードがサイトに配置されると、次のようになります。
Googleの運転ルートフォームのサンプル
開始アドレスを入力してください:
読んだ2分