www. mySiteWizard.org Tutorial – L2
Insert a Google Map on your website
Many businesses and services depend on their website to drive prospects to their front door. Literally! In many cases website owners assume that the prospect will look at the provided street address and simply drive there. This could be a serious misjudgement. Providing a map to your location will help but providing the interactivity of a Google Map will give the driver as good or better information than the local map directory. Don’t you want to provide your prospect with the best – after all they may become your client and that’s what it is all about.
Level Of Difficulty: Intermediate (L-2)
Preparation:
a. Start at the page that you want to insert the Google Map
b. Decide where you want to place the map on this page
c. Have the address of the location you want to map available.
Start:
1) Go to the top Menu and click on Insert -> Image -> Library
2) The File Manager will appear. Click on Library -> Our Favourites -> Google map -> Use this. The Google Map and Editor will appear (see next image). To get out of the File Manager click on the X located in the upper right corner.
Set-up of Google Maps
3) In the Editor click Place. Enter the address such as 11 West 53rd Street, New York, NY 10019 (MOMA) or an internationally well known landmark e.g. MOMA New York.
Choose the colour of the placemaker (see red balloon) by clicking on the down button in the coloured box. A colour palette will appear. Click on your chosen colour.
4) Click once on the map and drag and drop it to your chosen location.
5) Click on an edge or corner and drag it to the correct dimensions OR go to Info Tab on the Editor and change the dimensions here.
6) Click on Setup Tab. Try all of the choices provided. I choose both Show Controls and Show Map Types for all my websites. Show Navigator Panel is not useful unless the overall size of the map is quite large. Experiment and make your choices.
7. Click on the Google Map navigation buttons magnifying the map to a suitable size.
Click on Satellite and view a live satellite feed of your chosen destination. This technology is inspiring!
9) Click on Map and choose the magnification that you want on your website.
Now save
Tutorial End
Tips: For website that have an international client-base such as Plastic Surgeons or Recruitment Companies use less magnification so the visitor can see e.g. a map of Europe with the placementmarker of your company location. With this global orientation they can then use Google Maps to magnify to view the street you are situated on.
Practice these skills at http://tinyurl.com/kom9fv. Resources:
Additional Resource
Adding Google Maps Video – coming soon
Did I miss something? Do you have a question? Locate and click on Comment at the beginning and to the right of this article and I’ll respond.
Coach Carol – www. mySiteWizard.org
Tags: Add google maps, google maps, how to use google maps, upload google maps![[Post to Twitter]](http://edesign247.com/blog/wp-content/plugins/tweet-this/icons/tt-twitter.png){kind=icon}
Will get to this map a bit later. Can you tell me though how to edit my new Forum page? In the live site it still shows the Edit and Delete buttons which I don’t want my people to bave? Thanks
I’ll check into this today. Stay tuned.
Coach Carol http://www.mysitewizard.org
Hi Cecilia – I’ll create a video on this in the near future. Here is a tip when you are starting out: If you are logged into the forum you will see the view from the webmaster’s perspective (yes, that is you!). If you log out of the forum you will see which tools are available to your visitor. Once you get the forum set up the way you want to see it, go to View to confirm that it is correctly setup and test out the linked banner.
Coach Carol http://www.mysitewizard.org
Other variant is possible also
this post its very usefull thx!