Applying the reactive CSS to a Google Map?

6 posts / 0 new
Last post
JJRussell
JJRussell's picture
Applying the reactive CSS to a Google Map?

I have a need for multiple location pages.

There are 5 store locations for the site I am working on, plus one head office.

The existing contact page ( http://demos.doublemthemes.com/seven/seven/contact ) does just fine for the head office, as all contact is made through that office.

What I need, though, is a page like ( http://demos.doublemthemes.com/seven/seven/locationmap ) for each of the other 5 store locations.

I can insert an iframe with the Google Map link for each store address onto a page easily enough.

The problem is, the map does not have the reactive resizing features as found on the map on ( http://demos.doublemthemes.com/seven/seven/locationmap ).

So, in a nutshell, is there a way to place a Google Map onto another page, retaining the reactive sizing, or perhaps apply the CSS class from the theme to the map iframe?

I haven't been able to use Firefox inspector to track down the CSS classes that are being applied, so any insight would help greatly :)

Many thanks.

ragzor
ragzor's picture
hello!

hey there!

If you could provide a link so I can track down the classes and help you, It would be great :)

Thanks alot for buying!!!
Raghav

JJRussell
JJRussell's picture
Thanks for replying.

Thanks for replying.

The link was in the OP up top.

http://demos.doublemthemes.com/seven/seven/locationmap

Basically, I need 5 copies of http://demos.doublemthemes.com/seven/seven/locationmap with a different address showing in each one. One for each store location.

If I knew what classes were being applied to the map image on that page linked above, I can add them to the iframe via the edit page for the iframe.

Any ideas are appreciated :)

JJRussell
JJRussell's picture
Actually, looking into it a

Actually, looking into it a bit more, it seems you used:

https://drupal.org/project/locationmap

So, basically, what CSS classes did you apply to this? :)

ragzor
ragzor's picture
hello!

hello!

Just wrap the iframe into a section with the id of content (section#content).

if you mean you want the google maps to resize like in the demo :)

Let me know!

Thanks alot!
Ragzor

JJRussell
JJRussell's picture
It worked!

That did the trick!

Many thanks for the continued support, Ragzor.

It makes all the difference, and I will definitely be looking at your products first for my next projects! :)

Log in to post comments