adding a google map to your weebly websitekcabe.weebly.com/uploads/7/5/5/7/7557614/adding_a...3....
TRANSCRIPT
-
Kanawha County ABE 3-27-12 1 | P a g e
Instructions for Adding a Google Map to Your Weebly Website
1. Log on to http://maps.google.com.
2. Type the address of the location you want to show on your map and hit Enter.
3. Select the type of map you want (i.e., Map, Earth, or Satellite view).
4. Adjust the map to the desired center and zoom level.
5. Click on the link located in the upper left corner.
6. Copy the HTML code.
7. In Weebly, drag the HTML element onto the page in the location where you wish to
add the map.
Type address of location
you want to pinpoint on
your map in this box.
Click here to
change map
type.
Change
zoom level
Drag HTML
element to page
in the place
where you want
the map
Click on link icon to
bring up the HTML code
http://maps.google.com/
-
Kanawha County ABE 3-27-12 2 | P a g e
8. Click in the element textbox and highlight the text. Paste the HTML code from Google
Maps.
9. Click on Publish and then view your site.
Edit size of Map
If you wish to edit the size of your map, find the width and height in your HTML code. Change the values
only, being careful to leave the symbols and text the same publishing.
Note: If you have already published your site after pasting the HTML code, you will need to remove the
map from your webpage and repeat the steps above, changing the width and/or height after pasting the
code on your page and prior to publishing the change.
Click here and highlight text.
Paste the Google HTML code.
Change the width and height values
only, being careful to leave the
quotation marks around the numbers
and all other text as is.