iWeb FAQ - Google Maps

iWebFAQ.org

 


1) Go to Google Maps. If you’re logged in you can click on My Maps, Create new map




2) Enter a title and a description of the map. If you want people to collaborate on the map you can invite them. You can choose whether you want it to be public so everyone can see it or whether you want to share it only with the people you want to see the map.




3) On the right side you see the map.




On the top left side you see the tools. The hand to move the map, the pin to add a mark on the map and the line to draw a line on the map (draw a line, a line along roads or a shape)


Once you add a pin and place it on the map you will be able to write some text for the title and the description. Of course you can also add HTML instead of text in the description. Especially helpful to add links, images, ...


4) Once you’re done editing the map hit Save, Done. To embed the map into your site on the upper toolbar’s right hit “Link”. You can either copy the URL to the map to make a link or copy the iFrame code. By clicking on the “Customize and preview embedded map” under “Link” you can further customize what the map should look like once you embedded it into your site.


5) Paste the code in an HTML Snippet in iWeb or use Alternative HTML. It is recommended to use Alternative HTML since using HTML Snippets people will not be able to get directions to your place using Google Map's Directions feature.


If you have a business instead of having only the address displaying you could also add an image displaying your logo or the building the business resides in for people to better find it when on place, your phone number or e-mail, www, whatever.


Example: My Bicycle trip 2010 from Basel (Switzerland) to Amsterdam (Netherlands). In the descriptions on the map I could add a link for people to read more about each place I visited on my journey like a diary with images and so on...























Here's another example of a map I made for a restaurant which indicates how to reach the restaurant by bus, where to park the car, where you have to walk to and of course where the restaurant is. This ensures people find the place. By clicking on the bus and the other icons you get further instructions (it's in German but I guess you get the idea).

























This FAQ is also discussed in my iWebFAQ.org E-Book (sample)


iWebFAQ.org - Tutorials, Tips & Tricks is made with iWeb and for iWeb.

It’s an EBookStoreToday.com company. It’s presented by Cédric Giger and hosted by HostGator.


Thank you for visiting and supporting my website,

- Cédric -


 

 

How do I add a Google Map to my website? How can I add a map with a mark/pin, descriptions, lines and more on it?

La stessa pagina in italiano                             Die gleiche Seite auf Deutsch
 

Share/Bookmark

Share/Bookmark