Google maps configuration

Steak House, food and drink theme, is now available on support forum.
GK User
Fri Sep 16, 2016 12:26 am
Hello!

I've generatet the GoogleAPI, and my location page on my site show the correct map without errors. I'm still wondering if my configuration is correct:

Early in the page you have this line:
Code: Select all
<div class="gk-map" data-latitude="-34.397" data-longitude="150.644" data-zoom="8" data-ui="yes" style="overflow: hidden; z-index: 0; height: 713px; margin-top: 0px; margin-bottom: 0px; background-color: rgb(229, 227, 223);">

I don't know what to put in data-latitude and data-longtitude, and later on the same page you have this line:
Code: Select all
<a href="https://www.google.com/maps/place/Calgary,+Alberta,+Kanada/@51.013117,-114.0741555,11z/" class="gk-locate"><i class="gk-icon-map-path-solid"></i>Locate Us</a>

The coordinates in the link is latitude=51.013 and longitude=-114.074, but theese coordinates does not correspond with the coordinates you defined in data-latitude and data-longtitude....? I know they are important, because I changed the zoom-level to 15 and the map zoomed in as well...

Best regards,
Joachim Schrader
User avatar
Fresh Boarder

Joshua M
Fri Sep 16, 2016 8:02 am
Hello,

The first part of the code is for map configuration (default view in the background), the second part of the code defines "lcoate us" button, if you click the button, two actions are possible (depends on the browser)
- browsers with JavaScript enabled - the background map will be expanded,
- browsers without JavaScript enabled - the link from the second part will be used and map (on the google service) will be displayed: https://www.google.com/maps/place/Calga ... 14.0708459

More informations may be found here:
https://www.gavick.com/documentation/th ... us-section
User avatar
Moderator

GK User
Sun Sep 18, 2016 2:29 am
OK, thanks for the reply. So to make both mark the same place at the map they need to be similar. I figured it out now.

Joachim
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.