Adding a google map to your church website

Google have created an excellent mapping system of the whole of the UK and most of the world. This allows places to be easily found via post code/ town/ business with the results pinpointed on the map. The map is interactive allowing users to zoom in and out of locations and get directions between two points. See the example below:



If you haven't yet tried google maps then visit maps.google.co.uk.

Google have also made it very easy to include a map within a website which makes it ideal for churches to show the location of their church service. 

To add a map to your website just follow these simple steps :

1) Go to maps.google.co.uk and type your church street address in the search box.

2) A map will load showing you the area around your church with an arrow pointing to the place your church is located.  Click on the menu button (three horizontal lines) next to where you entered the address and then click on SHARE OR EMBED MAP.




3) A popup will appear and you can then click on EMBED MAP


4) Copy the text in the box at the top (starts with < iframe src="). With the copied HTML code you can then place this on a page within your website.

To do this in Church Edit open up the page in the Church Edit web editor that you want your map to appear (contact us may be a good page). Click on the SOURCE button at the top of the Web Editor and scroll down to the very bottom of your page,you can then paste the code that you just copied from Google Maps into the very bottom of the page.Click on SOURCE again to preview the page and then press Save. Your interactive Google Map will now be on your church website.

Map not showing your church location correctly?

In some cases Google does not show the church accurately. If this happens for your church then you will need to get the exact latitude and longitude for your church. To do this use a website such as www.getlatlon.com which will give you the latitude and longitude.

The code you have copied from Google will look something like the following:

< iframe aq="&sll=52.319812,-1.5271&sspn=0.314365,0.699692&
vpsrc=0&ie=UTF8&t=m&z=14&ll=< /iframe >

Replace the text in green with the new latitude and longitude and put this into your website using step 4 above.