RSS Feed

DonD 2012© No Rights Reserved

Page last updated 25/01/2012 10:24:02

Produced with

Site Feedback

Search

X5 Minor Updates

Google Maps

Google Maps

With the changes within Google in that you don’t require a Key to use the maps, the Google map feature has been updated to reflect this.

Inserting Google map

• Select the Insert Google map button from the web objects toolbar to the left of the workspace.
• From the opening Google map dialogue type in the location to search for and click “Search”.
• When that location has been found and placed in the map window, drag/zoom in to your final location to place your marker.

Add Marker

When you have your location found click add (under map marker section) which will open the Google map marker dialogue.

• Your cursor will be a cross hair. Click on the location you wish it to be placed.
• In the Name section (top left) put in a name for this marker. This will also act as a tooltip when a user puts their cursor over the marker.
• Under click action leave this as default label.
• In the label section put in your text you wish to show in a bubble above the marker when the marker is clicked.

After you have placed your marker

Whilst your in the Google map marker dialogue you can move your marker to change location

• Click Move
• Cursor will change to a cross hair..
• Click on the new location to move the marker.

When your happy with the set up of this marker OK out to the first Google map dialogue and add additional makers for this map if necessary by moving the map to the correct location and then clicking Add.

You will find when editing a marker, this marker will turn green to show you on the map it’s location. Markers are red normally.

Google map dialogue controls

In the main Google map dialogue you have a number of setting you can can the look of the map controls and editing controls.

Navigation control

• None
• Full
• Compact

Map Type

• None
• Bar
• Menu

Check boxes

• Show street control - This is to show/hide the pedestrian figure above the map zoom control to go into street view.
• Enable mouse wheel scroll zoom

Map Markers

• Maker drop down list - List of all the map markers on this map
• Add - Select this to add a new marker
• Edit - After selecting a marker from the marker drop down list select this button to take you to this maker in the Google map maker dialogue.
• Go to - After selecting a marker from the marker drop down list selecting this button will bring this marker into view by moving the map.
• Remove - After selecting a marker from the marker drop down list selecting this button will delete this marker.

After you have done your markers and setting you can OK out of the Google map Dialogue and Click/Drag on your page to place your map to the required size.

Optional Marker map settings

There are a couple of different ways to set up the Click Action when in the Google Marker Map.

• Treat label as script(can contain HTML) - Text is entered with HTML tags into the Label box. On publishing, a click displays an HTML-formatted callout box. This way you can add images and hyperlinks.
• Street view - On publishing, a maximized Street View window is displayed in front of your map. Click  X to exit the Street View window.
• 
  

To use these options

Treat label as script

In the Click Action section of the Google marker maps dialogue select the option “Treat label as script” and copy/paste in this HTML into the label.

<div><img src="http://www.dond-wp.com/images/property2.jpg"><br><P><SPAN style="font-family:'Tahoma'; font-size:14px; color:blue; "><b>This is Property 1</b><br><br>The address is - The Beach House, Miami - 5552761</span></P></div>

I’m not sure if this HTML is correct but it works.

This HTML gives the location of the image to show(change this location for your image). You will have to resize the image and upload it to you website. The size of the image I’m using is 150w x 81h. Font, size and colour and text.

Street view

In the Click Action section of the Google marker maps dialogue select the option “Street view” > Select “Record View”, the map will now change to a street view of the marker location. If there is no street view for that location a message will come up.

Move the map around using the controls on the street view and when it’s in a view you require click “Record view” again.

When a user clicks the marker you have set the street view the map will be overlayed with the street view.

Part 1 Part 2