Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

How to enable the Google maps functionality on your website.

Your Webdadi website Website uses Google maps Maps on various pages including the property details pages and the office pages. In fact, anywhere on your site where you can see a map will be using Google's functionality. You may also be using additional Google features, such as Google StreetviewStreetView.

In order for these to work correctly on your websiteWebsite, you'll need to have your own Google account for your business. This is not something that Webdadi can do for you, as each commercial business has to have their own Google account in order to abide by Google's terms of use. Please note - we don't hold any details of any customer's Google accounts.

From your Google account, you will be required to generate a Google Maps API key through your via Google Cloud Platform Console (cloud.google.com). This link should work as a shortcut taking you straight to the Google Maps area of Google Console (https://console.cloud.google.com/google/maps-apis/)

You may be asked to create a new Project to start the process of enabling the MAPS API’s you will need for the Website, under a project name, so create a Project name first if you need to and then you can generate a KEY to use the APIs which you will PASTE into your VIA Software to link your Website with us to your Google MAPS account.

...

  • To do this first click the left hand menu of the Google Maps area. > APIs & Services

  • Enable the following APIs:-

    • Geocoding API - Used to find locations and pin property addresses in your VIA software.

    • Maps Javascript API - For the use of interactive website maps such as the property details pages.

    • Maps Static API - Used in instances where website maps are static and can't be interacted with.

    • Places API - Used to find properties locations within our valuation tool.

    • Street View Static API - Required for using Google Street view functionality on property details pages.

  • Next goto the Keys and Credentials link in the left hand side menu

  • Click the + CREATE CREDENTIALS button then > API KEY, at the top

  • A key will be generated and you need to COPY the key using the right hand end page icon.

  • You must now Restrict the Key, so where you now see your key name under the section API Keys click the key name.

  • For a Website with us Set the application restriction to : Websites

  • Under Website Restrictions, you want to make the key only work for your Website which may include subdomains not just your domain name, so you must ADD these to the list. So where it says Enter property name or value. Enter *.yourdomainname for any subdomain plus your domain name to work.

  • Under API restrictions you do not need to restrict the key unless you want to so this can be left as Don’t restrict key.

  • Click Save

  • Lastly > Check you have Google Billing all set up with a current payment card in Google Cloud as well for your project. If you don’t have a billing account then

    • CREATE ACCOUNT

    • Once created click your Billing Account Name that you have created and click the Payment Overview tab at the top.

    • Click Manage Payment Methods to add/change a current payment card.

...