Fix for Front Page Map

If you have not noticed Google has required API's now, so this template will have issues with the map at the bottom. To fix it get a Google Map API key https://developers.google.com/places/web-service/get-api-key.
Once you have the key find the gk.scripts.js file located in templates/gk_steakhouse/js/gk.scripts.js
Find line 160

Code: Select all

   // Google Maps loading
   var loadScript = function() {
      jQuery.getScript("https://maps.googleapis.com/maps/api/js?key=ADDKEYHERE&callback=gkMapInitialize")
        .fail(function( jqxhr, settings, exception ) {
         console.log('Google Maps script not loaded');
      });      
   };

Remove the &v=3.exp variable.

Hi

Information passed to programmers. Thank You for shearing that.

Hi

Information passed to programmers. Thank You for shearing that.

Hi, did you correct that problem in the last template update ? I still have the problem

http://www.valbrillant.ca/#gkBottom6

If you have not noticed Google has required API's now, so this template will have issues with the map at the bottom. To fix it get a Google Map API key https://developers.google.com/places/web-service/get-api-key.
Once you have the key find the gk.scripts.js file located in templates/gk_steakhouse/js/gk.scripts.js
Find line 160

Code: Select all

   // Google Maps loading
   var loadScript = function() {
      jQuery.getScript("https://maps.googleapis.com/maps/api/js?key=ADDKEYHERE&callback=gkMapInitialize")
        .fail(function( jqxhr, settings, exception ) {
         console.log('Google Maps script not loaded');
      });      
   };

Remove the &v=3.exp variable.

Hi,

I copy and past the 8 code lines in the gk.scripit.js file. I searched the

&v=3.exp

variable. Did not find.
So I still have the problem.

Tks for helping me !

Patrick

hi

Yes it has been updated, so please revert Your changes. The trick now is that the line to display map needs to include API KEY from google. Like this:

Code: Select all

<div class="gk-map static" data-latitude="-34.397" data-longitude="150.644" data-ui="yes" data-zoom="8" data-key="API_KEY">


Hi,

I revert my changes by ftp the original gk.scripts and change the fist line in the contact module ( <div class="gk-map static" data-latitude="-34.397" data-longitude="150.644" data-ui="yes" data-zoom="8" data-key="API_KEY"> ) I replaced API_KEY with a reel google API Key, but still not work. I tested the API Key with PhocaMap and work ok.
Do you have an idea whats the problem. Le plugin GKContact is up to date
I have 2 differents contacts module in bottom 6 position at http://www.valbrillant.ca and http://www.valbrillant.ca/tourisme/camp ... des-berges

Hi

I can see it's there, just position in some odd way. It can be adjusted with css code like:

Code: Select all

.gk-map.static {
    height: 100% !important;
    position: absolute !important;
}


hi

Yes it has been updated, so please revert Your changes. The trick now is that the line to display map needs to include API KEY from google. Like this:

Code: Select all

<div class="gk-map static" data-latitude="-34.397" data-longitude="150.644" data-ui="yes" data-zoom="8" data-key="API_KEY">


Could you please clarify the exact location of the file with this code for API Key? Thank you.

Hi

Code is in file templates/gk_steakhouse/js/gk.scripts.js, but if You have Your template updated than this fix is there already. Now You just need to specify Your API KEY in custom HTML when giving coordinates to location:

Code: Select all

<div class="gk-map static" data-latitude="-34.397" data-longitude="150.644" data-ui="yes" data-zoom="8" data-key="API_KEY">