<!-- ------------------------------------------------------------------------
--
-- This file was created by rjc from system/tutorial_mapping/index.html
-- on 2003/08/27 09:13:44.
--
-- Copyright 1999-2002 Interactive Information Ltd, All Rights Reserved
-- http://information.overlaid.com
--
-- ------------------------------------------------------------------------
--
-- Version: 2.3.0 for Map Weasel
--
-- --------------------------------------------------------------------- -->
<head>
<title>Map Weasel Tutorial - Overview</title>
<script src="tutorial.js"></script>
<script src="tutorial_structure.js"></script>
</head>
<body bgcolor="white"
text="midnightblue"
link="#9d0052"
alink="#39c8ff"
vlink="#9d0052"
>
<img align=right width=150 src="../media/white-bg.gif">
<h1 align=left>
Map Weasel Tutorial<br>
<small>Tutorial Overview<br>
(<small><small>Copyright 1999-2002 Interactive Information Ltd</small></small>)<br>
</small>
</h1>
<pre>
</pre>
<p> Welcome to the
<a href="http://information.overlaid.com">Map Weasel / Easel</a>
tutorials.
<p>
If you are familiar with using HTML and Javascript to develop web
pages, these tutorials will lead you through the process of building a
web page that displays your data on a map and lets users interact with
it.
<p>
The tutorials start with the simplest possible mapping application, which
just shows a single location on a map. They build
to more useful applications such as a store
locator and a geographical search engine.
<p>
Because
each tutorial builds on the ones before, it is important to
do them in the order they are listed below.
<p>
<dl>
<dt><b>Before you start</b>
<dd>
Make sure you are accessing this page
through the web server where your copy of Map Weasel is
installed, and that the computer you are using can fetch
web pages from the Internet. See the
<a href="../Installation.html">installation instructions</a>
for details.
<dt><a href="intro">Introduction</a>
<dd>
A general introduction to how Map Weasel works and how
you can use it. It also describes how each of the other
tutorials is arranged.
<dt><a href="location">Location Plotting</a>
<dd> The first example will show you how a simple page, which
displays a location on an appropriate map and allows you to
scroll around, works.
<dt><a href="store">Store Locator</a>
<dd>
A `store locator' application displays a number of points to
allow a user to find a service or shop near them. This example
is a store locator with point highlighting and more than one
type of mark on the map.
<dt><a href="frames">Store Locator In Frames</a>
<dd>
By splitting the store locator into several frames we get
improved functionality and more flexability.
<dt><a href="searching">Searching</a>
<dd> Finally a simple search interface is presented. This uses
some support JavaScript supplied with the Easel applet to manage
result, highlight on mouse over and so on.
<p>
The tutorial includes some example search results, so
you can try the tutorial without setting up a
database search on your server.
</dl>
<p>
After completing these stages you should be in a position to design
and implement the kind of mapping interface you want for your
website. For ideas and help please see the <a
href="../examples">examples<a> and <a href="../documentation">detailed
documentation</a>.
<p>
<script>tutorial_next("overview","tutorial/");</script>
<div align=right>
<tt><strong>tutorial/index.html</strong></tt>
</div>
</body>