F.A.Q.

This section provides answers to questions that arise from adding maps to websites and blogs. Please contact us if you encounter a problem adding your map which is not answered here and we will do our best to help.

How do I create the map data ?

Full instructions on how to create a map using Google My Maps can be found here http://maps.google.com/help/maps/userguide/index.html.

My Maps Data can be created and edited at any of the national Google Maps sites
http://maps.google.com (UK)
http://maps.google.co.uk (USA)
http://maps.google.ca (Canada)
http://maps.google.fr (France)
http://maps.google.de (Germany)

My map doesn't display ?

The likeliest cause is that the URL entered is not the address of a KML file.

To obtain your KML file text :
  • Open your Google My Maps page, and click on the 'My Maps' tab.
  • Right-click on the 'KML' link, and select 'Copy Link Location' or 'Copy Shortcut' (see below).
  • Paste the copied URL into the textbox above (Right-click on the textbox and select 'Paste').
Firefox:
  Internet Explorer:


Note : your map must contain at least one element : a marker, line or polygon.

Mapping Tips

Using Google My Maps you can add descriptions for places in plain text and then illustrate the description using some HTML. Here are a few simple HTML features to use.

1. Adding Images to map descriptions

This code displays an image, with a tooltip and alternate text for use if the image cannot be loaded.

<img src='http://www.mapchannels.com/images/mapchannels.png' width='56' height='56' title='Map Channels' border='0' alt='Map Channels' />


img declares an image element
src the URL of the image, eg, http://www.mapchannels.com/images/mapchannels.png
width The width of the image in pixels *
height The width of the image in pixels *
* Although not required you should include the width and height where known in order to display the Info Window using the correct size.
title Shown as the tooltip for the image in Firefox (optional)
alt The alternate text that is shown if the image cannot be found. Shown as the tooltip for the image in Internet Explorer (optional)


Positioning the image

Enclose the <image> element inside a <div > element and use a 'float' style to wrap the text around the image.

e.g.

<div style="float:right" > <img src='http://www.mapchannels.com/images/mapchannels.png' width='56' height='56' title='Map Channels' border='0' alt='Map Channels' /> </div>


2. Adding hyperlinks

Heres a simple hyperlink to Map Channels

<a href='http://www.mapchannels.com'>Map Channels</a>


Heres a hyperlink which opens in a new window (note: Map Channels adds this tag automatically to all hyperlinks so you do not need to include target='_blank'

<a target='_blank' href='http://www.mapchannels.com'>Map Channels</a>


Heres a hyperlink that displays a toottip

<a href='http://www.mapchannels.com' title='Map Channels'>Map Channels</a>


Heres a hyperlink displayed in a large red font

<a href='http://www.mapchannels.com' title='Map Channels' style='font-size:24px;font-weight:bold;color:red'>Map Channels</a>


3. Setting the Info Window Size

You can specify the size of an info window by enclosing the html in a <div> element. Additionally you can make the div scroll when there is more text than can fit within the info window's drawable area. Try adding this html to an info window that has a substantial amount of text or a large image.

* An alternative is to select 'Concise Info Window' in the Map Script Options. This displays the place description in the sidebar instead of the info window.

<div style='width:400px;height:300px;overflow:auto'>
your description html here ...
</div>


Note: single or double quotes are interchangeable in the examples above, just ensure that the type of quote matches. e.g. an opening double-quote must be be followed by a closing double quote, and not a single quote.






 

Map Channels Events  • Map Channels Hotels  • TripGeo  • Team Maps  • Street Cities  • My Maps Plus (c) www.mapchannels.com, 2007-2017   Terms