{"id":592,"date":"2024-03-08T11:20:39","date_gmt":"2024-03-08T11:20:39","guid":{"rendered":"https:\/\/doc.freevision.me\/luxed\/?p=592"},"modified":"2024-03-08T11:20:43","modified_gmt":"2024-03-08T11:20:43","slug":"the-plus-add-ons-google-maps-api-key","status":"publish","type":"post","link":"https:\/\/doc.freevision.me\/luxed\/the-plus-add-ons-google-maps-api-key\/","title":{"rendered":"The Plus Add-ons – Google Maps API Key"},"content":{"rendered":"\n

To use The Plus Addons for Elementor Google Map widget, you must have a Google Maps API key.<\/p>\n\n\n\n

So let\u2019s see how you can generate a Google Maps API key.<\/p>\n\n\n\n

To create a Google Maps API key<\/strong> click here<\/a>.<\/p>\n\n\n\n

From there, click on the Go to the Credentials page<\/strong> button.<\/p>\n\n\n\n

To check the complete feature overview documentation of The Plus Addons for Elementor Google Map widget, click here<\/a>.<\/em><\/p>\n\n\n\n

Requirement  \u2013 This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.<\/em><\/strong><\/p>\n\n\n\n

LIVE WIDGET LINK<\/a><\/p>\n\n\n\n

Create a New Project<\/h2>\n\n\n\n

From the Credentials page, you have to create a new project.<\/p>\n\n\n\n

\"Google<\/figure>\n\n\n\n
    \n
  1. Add a Project name.<\/li>\n\n\n\n
  2. Enter your location and click on the Create<\/strong> button.<\/li>\n<\/ol>\n\n\n\n

    Set up Billing<\/h2>\n\n\n\n

    Once the project is created, you have to set up billing information for your project on the next page.<\/p>\n\n\n\n

    \"Google<\/figure>\n\n\n\n

    Step 1<\/strong><\/p>\n\n\n\n

      \n
    1. Choose your country.<\/li>\n\n\n\n
    2. Agree to the Terms of Service and click on the Continue<\/strong> button.<\/li>\n<\/ol>\n\n\n\n
      \"Google<\/figure>\n\n\n\n

      Step 2: Create a new billing account<\/strong><\/p>\n\n\n\n

        \n
      1. Choose a name for your billing account.<\/li>\n\n\n\n
      2. Verify the details and click on the Continue<\/strong> button.<\/li>\n<\/ol>\n\n\n\n

        On the next page, add your billing information.<\/p>\n\n\n\n

        \"Google<\/figure>\n\n\n\n
          \n
        1. Choose your Account Type.<\/li>\n\n\n\n
        2. Fill in your Tax information.<\/li>\n\n\n\n
        3. Add your personal details.<\/li>\n\n\n\n
        4. Add a payment method (For example Credit Card).Click on the Submit and Enable Billing<\/strong> button.<\/li>\n<\/ol>\n\n\n\n
          \"Google<\/figure>\n\n\n\n

          On the next page, choose your project\u2019s billing account and click on the Set Account<\/strong> button.<\/p>\n\n\n\n

          Then Google Maps will ask a few questions related to your project, like your industry, the platform you are building the project for etc. fill in the answers accordingly and click on the Submit<\/strong> button.<\/p>\n\n\n\n

          \"Google<\/figure>\n\n\n\n

          On the next page, you will get your Google Maps API Key, copy the API and click on the Go to Google Maps Platform<\/strong> button.<\/p>\n\n\n\n

          Now you have your API key but as per Google Maps recommendation<\/a> you need to restrict the usage of your API key by limiting its use to the required APIs for your application.<\/p>\n\n\n\n

          Protect your API (adding Maps Embed API)<\/h2>\n\n\n\n

          Now on the next page, Google Maps will automatically ask you to protect your API key.<\/p>\n\n\n\n

          \"Google<\/figure>\n\n\n\n
            \n
          1. Select restriction type as API restriction<\/strong>.<\/li>\n\n\n\n
          2. And from the Limit usage dropdown, select Maps Embed API<\/strong> and click on the Restrict Key<\/strong> button.<\/li>\n<\/ol>\n\n\n\n

            Now the usage of your API key has been restricted. To check the list of enabled APIs for your project, click on the APIs<\/strong> from the left panel and it will display all the enabled APIs.<\/p>\n\n\n\n

            \"Google<\/figure>\n\n\n\n

            Now you can use your newly created Google Maps API Key with The Plus Addons for Elementor Google Map widget.<\/p>\n\n\n\n

            To do this, go to<\/p>\n\n\n\n

              \n
            • The Plus Settings <\/strong>\u2192 Extra Options <\/strong><\/li>\n\n\n\n
            • Scroll down to Google Map API Key<\/strong> section and paste your API key.<\/strong><\/li>\n\n\n\n
            • And on the other Google Map API Key<\/strong> section, choose Show<\/strong> from the dropdown, then click on Save<\/strong>.<\/li>\n<\/ul>\n\n\n\n
              \"Google<\/figure>\n\n\n\n

              <\/p>\n","protected":false},"excerpt":{"rendered":"

              To use The Plus Addons for Elementor Google Map widget, you must have a Google Maps API key. So let\u2019s see how you can generate a Google Maps API key. To create a Google Maps API key click here. From there, click on the Go to the Credentials page button. To check the complete feature overview documentation of The […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[31,40],"tags":[],"_links":{"self":[{"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/posts\/592"}],"collection":[{"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/comments?post=592"}],"version-history":[{"count":1,"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/posts\/592\/revisions"}],"predecessor-version":[{"id":602,"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/posts\/592\/revisions\/602"}],"wp:attachment":[{"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/media?parent=592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/categories?post=592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/tags?post=592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}