Google Maps

Google Map is embedded in the Contact Us page.

To enable / disable this feature, admin can set the configuration "xGoogleMap" to Yes/No.
You can do this by going to administration page : Website > Google Location Map Set-up

Admin can easily control the google map using configurations listed below :

XGoogleMap

Setting this to Yes will display Google Map in the Contact Us page.

XGoogleMapAPIKey

Enter your Google Map API key.

If you don’t have your Google Map API key, you can register one.

 

Getting an API key just requires a couple of minutes of your time. In the process, you will need to create a billing account or use credentials of already existing one, which will be used for payment, in case you exceed your limits.

So be prepared to have your billing data with you.

Please follow the steps below on how to get a Google Map API Key:

 

1.  Go to https://cloud.google.com/maps-platform/

2.  Press “Get Started” button



3.  In the popup window tick all three types of products and press Continue.

 

4.  Choose Select a project and enter project name in the box below. Then check the agreement checkbox and click Next.

 

5.  Click Create Billing Account.

 

6.  Create a name for your billing project and press Continue. Please fill in the form with your contact details and payment information and then click Next.

 

7.  In the next screen, you will be offered to enable your APIs. Press Next



8.  You will see a new window with your Google Map API key in the box. Please save/copy the API key to be able to use it later in your VPCart shop configuration. Please Done after finish.



XGoogleMapHeight

Enter map height

XGoogleMapLatitude

To get latitude value, please follow steps below :

- Go to http://maps.google.com/

- Enter your store location e.g. 411 dorcas st south melbourne and click "Search Maps".

- In the address bar of your browser (not the address bar of Google Map), enter : javascript:void(prompt('',gApplication.getMap().getCenter()));

- You will see something like :

(-37.834649289149674, 144.95172500610351)

- Latitude value is the left value before comma, in the example above, latitude is -37.834649289149674.

- Paste -37.834649289149674 into xgooglemaplatitude field.

XGoogleMapLongitude

To get longitude value, please follow steps below :

- Go to http://maps.google.com/

- Enter your store location e.g. 411 dorcas st south melbourne and click "Search Maps".

- In the address bar of your browser (not the address bar of Google Map), enter : javascript:void(prompt('',gApplication.getMap().getCenter()));

- You will see something like :

(-37.834649289149674, 144.95172500610351)

- Longitude value is the right value after comma, in the example above, longitude is 144.95172500610351.

- Paste 144.95172500610351 into xGoogleMapLongitude field.

XGoogleMapWidth

Enter map width

XGoogleMapZoomLevel

Enter zoom level. Default value is 4

You need to obtain latitude and longitude coordinate from Google Map site. Please refer to the configurationsin the section above.

You also need to register your free Google Map API key as mentioned in the configurationsabove.

This version of Google Map will display a marker. When it is clicked, it will display the store details : - Store name
- Address
- Phone
- Email

These information are loaded from Mycompany table that stores the merchant details.