Docs

[Autostopowicz]

Hi
I am having problems with embedding google map in accordion through SHORTCODES/MEDIA/MAP(EMBED)

Lets say I dont have a source address (http) of specific place in google maps.
Instead I have lat. and long. parameters, some text that should be inserted into marker popup window. I would like the map to be dragable, zoomable, with zoom controls, with no container. Could You please tell me how should such code syntax be constructed?

One more thing: is there a method for moving google map created in a column into accordion?

Thank You.

[Nabeel A]

Hi there,

Thanks for writing in! You can use the following shortcode for the Map:

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

Please refer to this link as well: http://theme.co/x/demo/integrity/1/shortcodes/map/

To use the shortcode in Accordion, paste it in the Accordion’s content area.

Hope this helps!

[Autostopowicz]

This reply has been marked as private.

[Paul R]

Hi,

Thank you for providing your login credentials.

Please use google embed code instead.

eg.

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d81701.92355461969!2d18.937153343706214!3d50.21376120197995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4716ce2336a1ccd1%3A0xb9af2a350559fabb!2sKatowice%2C+Poland!5e0!3m2!1sen!2sph!4v1463136906870" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Hope that helps.

[Autostopowicz]

Hi
Thanks for Your answear.
Do I have to use embed code on each such page (there are several dozens) or is there a “universal” syntax where I could only give/change different latitude and longitude?

Thanks

[Joao]

Hi There,

I am not quite sure I understand your question.

The embedded code needs to be present everywhere you want a map to be shown.

If you need to use different maps you need to place manually every time.

If you are using just one map, and you are using it in Cornerstone you could save the section as template block and just insert on the other pages, anyway you will need to do it manually, but will be much quicker.

I am not sure if I answered your question, so let us know if you need further help.

Joao

[Autostopowicz]

Hi
Yes, You have answered my question. I was hoping that I would not need to place the code taken from google maps whenever I have to embed a map. I thougt that if I have lat. and long. parameters and popup texts for different locations I would only have to insert them into the code piece.

[Rue Nel]

Hey There,

If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

[Autostopowicz]

Some more qestions:
any ideas how to embed google map without the address/directions box that appears in top left corner? I only need the marker popup window and zoom controls, just as in the standard X Theme google map.
Do You plan to repair the google maps shortcode insert option?

[Christian]

Please use the Google Map Cornerstone element (see attachment). If you want to use the shortcode version, please see http://theme.co/x/demo/integrity/1/shortcodes/map/

Thanks.

[Autostopowicz]

Google Map Cornerstone element in accordion? Impossible.
Shortcode version does not work either (SHORTCODES/MEDIA/GOOGLE MAP MARKER).
I need the map to be embedded in accordion. Without “get directions” box/window.

Can You help?

[Christian]

I tested Google Maps inside an Accordion in my test site and it works fine (see attachment). There might be something in your site preventing Google Maps to function inside an accordion. Please try clearing all caches and disabling all third party plugins then check again.

Thanks.

[Autostopowicz]

Hi Christian
Did You try Google Map Marker Shortcode?
I have tried it on latest Firefox, Opera and Chrome with plugins disabled and cleared casche. Nothing appeared in the accordion. I put lat and long parameters into shortcode form.

Thanks

[Rue Nel]

Hello There,

The Google Map marker is only a shortcode for the marker. You still need to add a Google Map shortcode before the map will appear. I can confirm that you cannot click the Google Map shortcode in Chrome. I haven’t tested in other browser yet. This could be bug. For the meantime, you can just insert the shortcode manually by using this format:

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

If you want to include a map marker, you can use this format:

[google_map lat="37.8069572" lng="-122.4161852" zoom="17" drag="true" height="60%"][google_map_marker lat="37.806578" lng="-122.414230"][/google_map]

Hope this helps.

[Autostopowicz]

Rue Nel,
I am affraid, but it doesn’t work. At least in accordion. I tried to insert it simply as text, and also using “insert shortcodes” option, TYPOGRAPHY/CODE. Did I miss something?

Regards

[Author]

Posts