[jakekeeling1981]

Do you know a way of Google not showing this blue login button on the map?

[jakekeeling1981]

Kyle

I think i did try this solution, but it always stuck in the top right of the map a blue login button which I didn’t like.

My previous messages illustrate this annoyance.

[jakekeeling1981]

Kyle

The website is currently in maintenance mode. Are you proposing to go into the backend of the website using my passwords in order to try to get them responsive?

[jakekeeling1981]

But the problem with using

http://www.map-generator.org

is that the size has to be a fixed width, which doesn’t work on your responsive website.

[jakekeeling1981]

Why has this post been deemed as ‘Resolved’ – it hasn’t!!

Please can I have some assistance?

[jakekeeling1981]

Hi Kyle

Like I’ve said before to your colleague – Mohammad, i’m designing an e-commerce website for a wine merchant. I simply want the map to show where each wine producers French Chateau is. Most of the chateaus have a Google Place location set up.

When I type the address in the Swift page Builder map element, the resulting red pin marker never shows up in the correct place and it never seems to register the Google Places pin.

For example
Château La Robertie
La Robertie
24240 Rouffignac-de-Sigoulès
France

This Chateau shows a red Google Places pin marker when you search for it in Google maps. When I put the exact same address into your Swift page Builder map element, it puts the red marker in a different place and doesn’t register the Chateaus Google Place location.

Please can you help?

Interestingly I tried the same process with my company address RJS Design, although the position of the red pin was correct, it still didn’t show the Google Places title.

[jakekeeling1981]

Hi Mohammad

I’m yet to have received any help from your colleague – have they forgotten?

[jakekeeling1981]

Hi Mohammad, just like to point out in case it has any bearing on your answers, I’m using the Neighbourhood template, I chose this thread to reply too as it seemed to be connected the closest to my query.

The problem with using the map generator is that it asks for a fixed width and height. I want the map to be responsive, so your solution isn’t quite appropriate to use, do you have any further help?

[jakekeeling1981]

<iframe style=”border: 0; min-height: 300px;” src=”https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2830.773423588554!2d0.28366199999999997!3d44.805806000000004!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12aab88e11529f63%3A0xb26ef0a289823509!2sThierry+Daulhiac!5e0!3m2!1sen!2suk!4v1396969973559&#8243; height=”100%” width=”100%” frameborder=”0″></iframe>

This is the map layout which I don’t like. It has the blue sign in button, positioned top right and generally doesn’t look as good as your Google map element.

[jakekeeling1981]

Screen grabs of the two versions, to help explain the differences.

[jakekeeling1981]

Hi Mohannad, this has resolved the responsive layout issue, but the Raw HTML iframe map code solution has one niggling problem. Top right hand corner of the map it shows a blue sign in button and doesn’t have the same map features as when I use the much preferred Swift page builder Google maps element.

Is there a work around, so i can have the iframe map look exactly like how the Swift page builder map looks?

[jakekeeling1981]

I’m having a issue with Swift page builder and Google maps element. I’m designing a wine e-commerce website and I want to show the locations of various Chateaus in France.

I’m inputting the chateau address in the Google map element and the results are putting the red marker in the incorrect places. I’ve tried used a text element and embedded iframe code, but that is breaking up the responsive layout.

Is there a way of embedding the iframe into the Google map element?