WP Residence Help WP Residence Help

  • WpEstate
  • How to Build Your Website
  • Video Tutorials
  • CLIENT SUPPORT
Home / Google or Open Street Maps / Google Maps – How to add Google API Key

Google Maps – How to add Google API Key

7299 views 0
Before reading this help file you may want to check this video. It explains how to create API Key for Google maps and how to set it on theme. Watch Video on Youtube

Google Maps requires you add your own API key before you start using it.

  • To create an API KEY, starting June 2018, you must have your billing account set too.
  • The use of Google Maps API is free and paid services are free within $200/month limit.

More here

  • https://cloud.google.com/maps-platform/pricing/sheet/
  • https://mapsplatform.googleblog.com/2018/05/introducing-google-maps-platform.html?utm_source=em-anncmt&utm_medium=em&utm_campaign=fy18-q2-global-adhoc-email-cs-maps_none_maps_spicestandardplannobilling&utm_content=global%7Cen%7Chybr%7C%7C%7C%7C%7C%7C
In order for your API code to NOT be stolen, make sure you restrict your API to your domain only!
Important
Use wildcard domains for pages inside the main domain. If you use just your domain in referrer list yourdomain.com – the key will work only on this url yourdomain.com (home)

How to get the key

Step1: Login with your Gmail account and go to https://console.developers.google.com

Step2: Add your billing info

 

Step3: Create a project and enable these 5 options from LIBRARY API:

  1. Maps JavaScript API
  2. Places API
  3. Geocoding API
  4. Geolocation API
  5. Street View Static API

 

Step4: Select – GET A KEY

 

Step5: Click Create API

 

Step6: Restrict key

Use wildcard domains for pages inside the main domain. If you use just your domain in referrer list yourdomain.com – the key will work only on this url yourdomain.com (home)

 

Step7: Copy the API and go to API Console

Paste the key in Theme Options > Map > Map Settings

How to check the key is correct

If you still can not see the map, check that the key doesn’t need any other validations in your google account.

To verify the message, open the site in the browser console, use right click, inspect element and check the console.

Google or Open Street Maps

Related Articles

  • How to disable Maps for the entire website
  • Technical: Edit Open in Google Maps link with property latitude and longitude
  • Technical: Google Points of Interest on Single Property Map
  • How to change the Maps Preloader

WP Residence Documentation

  • 1. General
    • How to Get Support
    • Get your buyer license code.
    • Use SSL / https
    • Server / Theme Requirements
  • 2. Installation
  • 3. Installation FAQ
  • 4. Advanced Search
    • Advanced Search Display Settings
    • Advanced Search Form
    • Geolocation Search for Half Map
    • Save Search Theme Options
    • Advanced Search Colors
  • 5. Agent, Agency & Developers
  • 6. Property Page
  • 7. Properties List
  • 8. Property Taxonomies
  • 9. Property Custom Template
  • 10. Blog Posts & Blog List
  • 11. Shortcodes
    • Contact Form
    • Featured Agency/Developer
    • Membership Packages
    • Testimonials
    • Google Map with Property Marker
    • Listings per Agent, Agency or Developer
    • Display Categories
    • Agent List
    • Recent Items Slider
    • Recent items
    • List Properties or Articles by ID
    • Featured Agent
    • Featured Article
    • Featured Property
    • Login & Register Form
    • Icon Content Box Shortcode
  • 12. Widgets
  • Theme Options
    • General Settings
    • User Types Settings
    • Appearance
    • Logos & Favicon
    • Header
    • Footer Style and Colors
    • Price & Currency
    • Property Custom Fields
    • Features & Amenities
    • Listing Labels
    • Theme Slider
    • Permalinks
    • Splash Page
    • Social & Contact
    • Map Settings
    • Pin Management
    • How read from file works
    • General Design Settings
    • Custom Colors Settings
    • Header Design & Colors
    • Mobile Menu Colors
    • User Dashboard Colors
    • Print PDF Design
    • Property, Agent, Blog Lists Design Settings
    • Sidebar Widget Design
    • Font management
    • How to add custom CSS
    • Custom Property Card Unit – Beta version
    • Email Management
    • Import & Export theme options
    • reCaptcha settings
    • YELP API Integration
    • iHomefinder Optima Express IDX
    • MEMBERSHIP & PAYMENT Settings
    • Property Submission Page
    • PayPal Setup
    • Stripe Setup
    • Wire Transfer Payment Method
  • Translation
  • FAQ
  • Pages
  • Header
  • Footer
  • Google or Open Street Maps
  • Payment Options
  • Plugins
    • Included Plugins
    • Third Party Plugins – IDX Compatibility
    • Third Party Plugins – Multi Languages
    • Third party Plugins – Other
  • Technical
    • Technical how to | Custom Code Required
    • Technical: Child Theme
  • Theme Updates

Join Us On

Powered by WP Estate - All Rights Reserved
  • WpEstate
  • How to Build Your Website
  • Video Tutorials
  • CLIENT SUPPORT