Re: Full width Google map
Quote:
Originally Posted by
Andre7
Thank you Acorn. I just want full width map, not full screen. Something like a banner.
Just use Regenerate then or set the height to a smaller value.
Acorn
1 Attachment(s)
Re: Full width Google map
Open Google maps and go to wherever you want to go to.
Click the Hamburger (top left) and click Share or Embed Map.
Click Embed a Map tab and click Copy HTML
In Xara:
Create a rectangle
Utilities > Web Properties > Placeholder (tab) > HTML Code (body) and paste your code
Replace the sizes Google has in their code with 100%
Select the rectangle and Utilities > Web Sticky/Stretchy > Full Width (radio button)
Adjust height of the rectangle to suit your needs
>>> Attachment 134101 <<<
Re: Full width Google map
Quote:
Originally Posted by
Chris M
Open Google maps and go to wherever you want to go to.
Click the Hamburger (top left) and click Share or Embed Map.
Click Embed a Map tab and click Copy HTML
In Xara:
Create a rectangle
Utilities > Web Properties > Placeholder (tab) > HTML Code (body) and paste your code
Replace the sizes Google has in their code with 100%
Select the rectangle and
Utilities > Web Sticky/Stretchy > Full Width (radio button)
Adjust height of the rectangle to suit your needs
>>>
Attachment 134101 <<<
Thank you Chris, it is appreciated.
Acorn
Re: Full width Google map
Quote:
Originally Posted by
Chris M
Open Google maps and go to wherever you want to go to.
Click the Hamburger (top left) and click Share or Embed Map.
Click Embed a Map tab and click Copy HTML
In Xara:
Create a rectangle
Utilities > Web Properties > Placeholder (tab) > HTML Code (body) and paste your code
Replace the sizes Google has in their code with 100%
Select the rectangle and
Utilities > Web Sticky/Stretchy > Full Width (radio button)
Adjust height of the rectangle to suit your needs
>>>
Attachment 134101 <<<
Thank you Chris. I did this and it doesn't seem to work. The placeholder gets bigger but not fully stretched.
I don't know what I am doing wrong. I am sure I did this in the past, but can't remember how
Re: Full width Google map
Quote:
Originally Posted by
Andre7
Thank you Chris. I did this and it doesn't seem to work. The placeholder gets bigger but not fully stretched.
I don't know what I am doing wrong. I am sure I did this in the past, but can't remember how
Chris's example works straight out of the box and works as described.
To find out what is wrong with your attempt, you need to offer it up in a design file.
Acorn
Re: Full width Google map
Without Scale-to-fit-Width it works perfectly; apply StfW and I am not sure that it still works (at least it didn't for me)?
Re: Full width Google map
Quote:
Originally Posted by
Initiostar
Without Scale-to-fit-Width it works perfectly; apply StfW and I am not sure that it still works (at least it didn't for me)?
Gary, you are right but Chris was too having not specified anything about StFW.
My Oslo Embed works in either configuration.
Acorn
Re: Full width Google map
Thanks for all your answers. My issue was with stFW. Without it works fine. Thanks again. All good now
Re: Full width Google map
Quote:
Originally Posted by
Initiostar
Without Scale-to-fit-Width it works perfectly; apply StfW and I am not sure that it still works (at least it didn't for me)?
Today I learnt a new thing.
Re: Full width Google map
Quote:
Originally Posted by
Chris M
Today I learnt a new thing.
I did too Chris. Thanks @acorn. I too wanted the full width map. I saw it on some of the temps but was unsure how to actually do it.
-Bill