Page 1 of 1

Google Maps

Posted: Wed Feb 13, 2019 10:51 am
by Azz25
Hi,

What's the best way to add a google map to a project?

Aaron

Re: Google Maps

Posted: Wed Feb 13, 2019 11:18 am
by Psycho
Since Google revamped their mapping services, I'm pretty sure your first task would be obtain your own set of API keys from your Google account

Re: Google Maps

Posted: Wed Feb 13, 2019 11:24 am
by Pablo
There are several Google maps scripts in 'Ready-to-use-JavaScript'.
It is also possible to use static Google Maps as background image.

See the example templates:
http://www.wysiwygwebbuilder.com/suppor ... orate.html
http://www.wysiwygwebbuilder.com/suppor ... dgrid.html
http://www.wysiwygwebbuilder.com/suppor ... wyork.html

Re: Google Maps

Posted: Wed Feb 13, 2019 11:57 am
by Psycho
As an alternative to Google maps, you could try bing maps (doesn't need any API keys) - https://www.bing.com/maps

Just add a postcode/zipcode into the search field, when the pop up box opens, click the share button, then choose the Embed button.

You will then get the option to configure the map (size,type,style etc) then click the generate code button

When you have copied the iframe code, add to your page an HTML box and paste the code to the section called

"Use <div> to set position and size of the HTML"

Resize the HTML box to the same size you set your map to be

Job done