Selectable Map Script Code:
Select and copy the code in the box below. Add it after your Google map code in the "contact.htm" <head> section (see image below). Replace the text YOUR_API_KEY with the API key you created at Google.
NOTE: See also code at the very bottom of this page if adding only the above line does not work.
Where to add the API key script line
Optional Copy & Paste Replacement Script:
In some cases you may need to replace the entire Google map script. It is very important to keep in mind that in the template contact.htm the "getElementById" will be called "map-canvas". Once you replace this code in the contact.htm, edit the LatLng with your location and replace the "YOUR_API_KEY" with your API key number from Google.
Copy the code below and paste it over your contact.htm script.
The code below is the html in your contact.htm that actually displays the map. Note that the id is called "map-canvas" the same id as in the script above. Make sure this id matches if you use code from another source.
In some cases you may need to replace the entire Google map script. It is very important to keep in mind that in the template contact.htm the "getElementById" will be called "map-canvas". Once you replace this code in the contact.htm, edit the LatLng with your location and replace the "YOUR_API_KEY" with your API key number from Google.
Copy the code below and paste it over your contact.htm script.
The code below is the html in your contact.htm that actually displays the map. Note that the id is called "map-canvas" the same id as in the script above. Make sure this id matches if you use code from another source.