Docs

[spinspan]

The simple maps plugin works fine, but the advanced google maps plugins don’t. Actually I can’t drag or make zooms the map. The code is copied by your samples.

https://marathon.gr/%CE%B5%CF%80%CE%B9%CE%BA%CE%BF%CE%B9%CE%BD%CF%89%CE%BD%CE%AF%CE%B1/

Thanks.

[Rahul]

Hi there,

Thanks for writing in! You can use [google_map_marker] shortcode inside the [google_map] shortcode. Please refer to our Map shortcode demo section “Advanced Configuration with Google Map” (http://theme.co/x/demo/renew/1/shortcodes/map/) to see how you can implement the code.

If you’re using X theme v4+ onward, please make sure to use the prefix “x_” when calling X shortcodes.

Example

[x_google_map lat="40.7056308" lng"-73.9780035" zoom="12" zoom_control="true" drag="true" height="45%"][/x_google_map]

Hope that helps.

[spinspan]

Hello Rahul.
I have used the Cornerstone in order to edit the test page. Actually I inserted the ready made template block “get in touch”. Then I turned on the “zoom control” and the “draggable” functionalities and saved the page. I didn’t use any shortcode. Unfortunately as you can see the map remains not draggable and can not been zoomed.
Then I edited the test page again and put in a text box the code you provided to me
[x_google_map lat=”40.7056308″ lng”-73.9780035″ zoom=”12″ zoom_control=”true” drag=”true” height=”45%”]
[/x_google_map]
Same results again. The map does not respond.
I got out of the Cornerstone editor, and tried to find the generated code using the plain text editor in the dashboard. It follows the code I have put on the test page using the ready made template block.

My Theme X version is 4.6.4.

[x_google_map api_key=”” lat=”37.8067572″ lng=”-122.4161852″ zoom=”17″ zoom_control=”true” drag=”true” height=”400px” hue=”” no_container=”true” class=”man”]
[x_google_map_marker lat=”37.806688″ lng=”-122.419036″ start_open=”false” info=”” image=””]
[x_google_map_marker lat=”37.806463″ lng=”-122.415812″ start_open=”false” info=”” image=””]
[x_google_map_marker lat=”37.806578″ lng=”-122.414230″ start_open=”false” info=”” image=””]
[/x_google_map]

[spinspan]

I have to mention that the “[map]<iframe” style map works fine, but I cant use the markers.

[Rue Nel]

Hello There,

Thanks for updating in! Just several months ago, Google Maps changed its policy. They are now requiring an API key before you can display the map in your site. You might need to update your shortcode and use this instead:

[x_google_map api_key="insert API key here" lat="37.8067572" lng="-122.4161852" zoom="17" zoom_control="true" drag="true" height="400px" hue="" no_container="true" class="man"]
[x_google_map_marker lat="37.806688" lng="-122.419036" start_open="false" info="" image=""]
[x_google_map_marker lat="37.806463" lng="-122.415812" start_open="false" info="" image=""]
[x_google_map_marker lat="37.806578" lng="-122.414230" start_open="false" info="" image=""]
[/x_google_map]

To know more how you can create an API key, please check out this video:

[spinspan]

I am sorry. It doesn’t work.

https://marathon.gr/test/

[Rad]

Hi there,

Would you mind providing your admin login credentials in private reply?

I also noticed that your site has hidden text and ads, and it keeps popping the Notification window asking permission. Is it intentional?

Thanks.

[spinspan]

This reply has been marked as private.

[Joao]

Hi There,

Can you paste the specific url where you have applied the map?

Thanks

[spinspan]

https://marathon.gr/test/
It is a page.
Thanks.

[Rupok]

Hi there,

As you only have the map there, kindly use Cornerstone to build the page. It’s lot easier to manage the Google Map element with Cornerstone as you need to place the API Key, Latitude and Longitude within their respective fields and there is no chance of messing the shortcode.

Thanks!

[spinspan]

Perhaps you don’t follow me. Google maps DON’T work even using the Cornerstone or what else.
Please logon the site, try to edit the “test” page (or create a new one) with whatever way you think is the proper one. IT DOESN’T work.

[Rupok]

Hi there,

I have checked again and found the issue related to your API Key. Looks like your URL is not authorized if you see the console – http://prntscr.com/ejozkk

Let’s get a new API Key and try again – https://developers.google.com/maps/documentation/javascript/get-api-key

Thanks!

[spinspan]

Dear Rupok, I would like to thank for trying to help. I really appreciate it.
I deactivated all the plugins one by one and all together. Finally I kept only two plugins the cornerstone and the UberMenu.

I noticed that when the UberMenu 3 is deactivated no errors occurred (see the first image) and I can make zoom as I can drag the map, but when I enable it again a lot of errors occurred and of course I may not make zoom or drag.

+++++++++++++++++++
As the issue you noticed about the authorisation of the Google Map Api, the following strange thing happens. When I set the site restriction to *.marathon.gr/* (on developers.google settings) you and me can see the error saying that my site is not authorised. But when I set the site restriction to “none” the error is disappeared (and of course it is). I don not know if the problems are related together or not.

[spinspan]

Also please look at that strange thing.
Load the main page https://marathon.gr
There is no map here, but you should see the notification error “Google Maps API warning: NoApiKeys ….”

If I deactivate once again the UBER MENU the error is gone, unfortunately no menu appears.

[Author]

Posts