追加方法を考える必要がある でログイン JetElements を使用して WordPress にマップしますか?
追加できるプラグインがたくさんあります でログイン あなたの地図に ウェブサイト ワードプレス。 JetElements XNUMXであります。 JetElements はアドオンです Elementor クロコブロックが開発したプレミアム。 それはあなたにいくつかの追加のウィジェットを追加します Elementor、簡単に追加できる高度なマップを含む でログイン WordPress サイトにマップします。
10 種類のマップ スタイルを選択できます。 複数のピンを追加することもできます。
この記事では、ウィジェットの使い方を紹介します 高度な地図 Google マップを ウェブサイト ワードプレス。
開始する前に、インストール済みであることを確認してください Elementor WordPress 上の JetEements を使用します。 無料版を使用できますElementor JetElements を使用します。 JetElements の場合は、その上で取得する必要があります。 公式ウェブサイト 19ドルで。
ステップ 1: Google Maps API キーを取得する
Google マップを サイトのWeb JetElements を使用する場合は、JetElements を Google マップと統合するための API キーを取得する必要があります。 API は Google API コンソールから取得できます。 それで、訪問してください Google API コンソール Google アカウントでサインインします。
ログインしたら、上部のドロップダウン メニューをクリックして新しいプロジェクトを作成し、 新しいプロジェクト.
プロジェクトに名前を付けて、ボタンをクリックします CREATE.
ドロップダウン メニューから新しいプロジェクトを選択し、 図書館 左パネルにあります。
JetElements は、ウィジェットを機能させるために有効にする必要がある API に関する詳細情報を提供しません。 高度な地図. 私たちの経験によると、少なくとも次の API を有効にする必要があります。
- ジオコーディング API
- マップJavaScript API
Google 自体は、Google Maps API を 17 のタイプに分類しています。 クリックでご覧いただけます すべて表示する セクションで CARTES.
API を有効にするには、有効にする API をクリックして選択し、ボタンをクリックします。 アクティブ化.
必要な API の有効化が完了したら、Google API コンソールのメイン ダッシュボードに戻り、 識別子 左パネルにあります。 ボタンをクリックします 認証情報を作成する そして選択 APIキー. 表示されるポップアップで API キーをコピーします。
次に、WordPress ダッシュボードにログインして、メニューに移動します。 JetPlugins – > JetElements 設定.
タブを開く 統合 コピーしたAPIキーをフィールドに貼り付けます Google マップ API キー。
マップの追加を開始
JetElements と Google マップが統合されたら、マップの追加を開始できます。 これを行うには、Elementor でマップを追加するページを開きます。 Elementor エディターで、高度なマップ ウィジェットを編集領域にドラッグします。
左側のパネルに移動して、マップの一部の設定を操作できます。 セクションから設定を行うことができます マップ設定.
地図のスタイルを変更するには、セクションを開くことができます マップスタイル.
現在地を地図に追加する
デフォルトでは、PIN アドレスは London Eye、London、United Kingdom に設定されています。 編集してビジネス拠点を追加できます。
これを行うには、セクションを開きます ピン 既存の PIN アドレスをクリックします。 会社の住所をフィールドに貼り付けます ピンアドレス フィールドの説明を変更します ピンの説明.
設定したピン アドレスをマップ上で表示するには、マップの中心を設定する必要があります。 たとえば、ビジネスの場所がパリにある場合、マップの中心をパリに設定します。
マップの中心を定義するには、セクションを開きます マップ設定 希望する地図の中心 (都市名) を再度入力します。
レマルク： カードを追加するときに「開発目的のみ」というメッセージが表示される場合は、必ず Google Cloud の課金を有効にしてください。 新しい Google ポリシーでは、開発者は請求先アカウントを有効にする必要があります (Google Maps API は引き続き無料で使用できます)。
ElementorProを今すぐ入手!!!
まとめ
そう ！ JetElements を使用して Google マップを WordPress に追加する方法を示すこの記事は以上です。 そこに行く方法について懸念がある場合は、 commentaires.
ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi：史上最高のWordPressテーマ.
しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.
...
