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.
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.
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.