problem with the map

Hi,

i have a problem with the map like many others here. but i don't understand how to make it work.

The Problem is, there is no map shown on the website. just a errorinfomation.

this is the code of the location module:

<div class="gk-map" data-latitude="-34.397" data-longitude="150.644" data-zoom="8" data-ui="yes" data-key=""> </div>
<div class="gk-over-map gkCols" data-cols="2">
<div data-scroll-reveal="enter left over .5s">
<h3>Contact Form</h3>
{GKCONTACT}</div>
<div class="contact-form-info" data-scroll-reveal="enter right over .5s">
<h3>Information</h3>
<p>Unsere Öffnungszeiten:
----
----
----</p>
<address><strong>Address</strong>
<p>Meson Mallorquin</p>
<p>Steinstraße 15<br /> 45665 Recklinghausen</p>
<a class="gk-locate" href="https://www.google.de/maps/place/Steinstra%C3%9Fe+15,+45657+Recklinghausen/@51.6132519,7.1921793,17z/data=!3m1!4b1!4m5!3m4!1s0x47b8e34063858d3d:0x3936f1ed709c8782!8m2!3d51.6132519!4d7.194368">Locate Us</a></address></div>
</div>

the address to the website is: www.meson-mallorquin.de

I thanks everyone who can help me.

(I'm sorry about my bad english... )

best greets

Hello,
You have to generate your API key for Google MAP,
click "Get a key" button here: https://developers.google.com/maps/docu ... et-api-key

In your code of the location module you should find:

Code: Select all

data-key=""


You should add your newly generated API key there:

Code: Select all

data-key="YOUR_API_KEY"


thanks a lot. Now it works:)

it happends the same to us but not works...we make like 3 google apis but still without working

<div class="gk-map" data-latitude="41.360525" data-longitude="2.099763" data-zoom="12" data-ui="yes" data-key="AIzaSyDGTgKZJkgD1-H7soIo1Pjdk5alMzQPi24"> </div>
<div class="gk-over-map gkCols" data-cols="2">
<div data-scroll-reveal="enter left over .5s">
<h3>Contacte</h3>
{GKCONTACT}</div>
<div class="contact-form-info" data-scroll-reveal="enter right over .5s">
<h3>Horari</h3>
<p>De Dimarts a Divendres de 9:30h a 13:30h i de 15:30h a 19h<br />Dissabtes de 8:30h a 13h</p>
<address><strong>Adreça</strong>
<p>Can Tisores<br />93 461 56 05<br />Carrer Barcelona 107<br />08901 L'Hospitalet de Llobregat<br />Barcelona<br />[email protected]</p>
<a class="gk-locate" href="https://www.google.es/maps/place/Can+Tisores/@41.360287,2.099795,17z/data=!4m5!1m2!2m1!1scan+tisores+carrer+barcelona+107!3m1!1s0x12a4992239b6aa2b:0x7ed321f3f78ab1ac/">Localitzans</a></address></div>
</div>

anyone can see the error?

thank you

@braille, could you send me a private message with your website backend access? Then I'll be able to check the issue.

@braille, the url on which you are using the Google Maps API, it not registered in list of allowed referrers. More information about this problem may be found here: http://stackoverflow.com/questions/3528 ... edmaperror
Please make sure that your API key is assigned to your domain properly.

hello

we verified the domain cantisores.com on google
we accept cantisores.com like refence "URLs de referencia HTTP (sitios web) " in the google api console

if you want we can send you and screenshot

but still without working

Could you please provide me with a URL to your website and back-end access via PM (click the “Private Message” text underneath my avatar) so that I may analyze it?

I've just generated new API Key, added to your website and it works properly. (so it was a problem with your API Key)

ok..sorry

we'll see.

thank you very much for helping

Hi I'm still with the map display problem.
I have done all the steps indicated in this forum, but the map does not appear.
I have the API code and I have included several combinations of the web url (http // ..., https // ..., * .....), and it still does not work. Any suggestion?

The website is: www.truffat.com

Thank you very much

I can see the following error on your website:
"Google Maps API error: ApiNotActivatedMapError"

and the explanation from Google Maps API documentation:
"The Google Maps JavaScript API is not activated on your API project. You may need to enable the Google Maps JavaScript API under APIs in the Google API Console."

Thank you very much. Now everything is going well