<!-- ------------------------------------------------------------------------
--
-- This file was created by rjc from system/tutorial_mapping/store/egmain.html
-- on 2003/08/27 09:13:47.
--
-- 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 - Store Locator</title>
<!-- Load II Map javascript -->
<script language='JavaScript' src="../../ii_easel.js"></script>
<script language='JavaScript' src="../../ii_easel_support.js"></script>
<script language='JavaScript' src="../../ii_maps.js"></script>
<script language='JavaScript' src="../../ii_markers.js"></script>
<!-- Load Atlas -->
<script language='JavaScript' src="/ServedMaps/scotlandmaps.mapset3"></script>
<!-- Application JavaScript -->
<script language=JavaScript>
// S1: Add A Place Marker More Information...
function add_place(name, cx, cy, im)
{
var m = markers_add(name, "place",
cx, cy,
im);
}
// S2: Display all places More Information...
function display_places()
{
markers_display_byclass("place");
}
// S3: Highlight when mouse is over the name More Information...
function highlight_place(name)
{
var mk = markers_marker_named("place", name);
markers_highlight(mk);
}
// S4: Easel callbacks More Information...
// S5: Show a message when loading starts. More Information...
function easel_on_image_start()
{
easel_message("Map Loading");
}
// S6: pop up a window if we click on a marker More Information...
function easel_on_click(map, spot, x, y, rgb)
{
// Look for a marker near the click.
var mk = markers_find_closest(x, y, 10, 0);
// Pop up the message
if (mk != null)
alert("You Clicked On "+mk.name);
}
// Initialisation and Startup
function localOnLoad()
{
easel_init("2.3", "map"); // Let the JavaScript find the applet
}
function on_easel_start()
{
maps_root_url="/ServedMaps"; // Where to get maps.
maps_make_url=maps_make_url_raw;
maps_select_default_atlas(); // Select an Atlas
easel_set_page_loaded(); // Announce we're ready to go
maps_init(); // And start going
// S7: Display all the places More Information...
display_places();
}
</script>
</head>
<!-- Body Tag -->
<body bgcolor="white"
text="midnightblue"
link="#9d0052"
alink="#39c8ff"
vlink="#9d0052"
onload='localOnLoad();'
>
<table>
<tr valign=top>
<td align=center>
<form>
<table width=360>
<tr valign=top>
<td align=left valign=center>
<input type=button value="Zoom In" onclick='maps_zoomin();'>
</td>
<td align=right valign=center>
<input type=button value="West" onclick='maps_goto_delta(-0.5,0);'></td>
<td align=center valign=center><input type=button value="North" onclick='maps_goto_delta(0,0.5);'>
<br>+<br>
<input type=button value="South" onclick='maps_goto_delta(0,-0.5);'></td>
<td align=left valign=center>
<input type=button value="East" onclick='maps_goto_delta(0.5,0);'></td>
<td align=right valign=center>
<input type=button value="Zoom Out" onclick='maps_zoomout();'>
</td>
</tr>
</table>
</form>
</td><td></td>
</tr>
<tr valign=top><td align=center>
<!-- The Applet -->
<applet MAYSCRIPT archive='../../easel.jar' code=Easel name='map' width=360 height=360>
<param name='copyright' value='Copyright 1999-2002 Interactive Information Ltd'>
<param name='loadingMessage' value='Initialising'>
<!-- S8: Feature Selection --> More Information...
<param name='allowDragSelect' value='true'>
<param name='flash' value='300'>
<!-- S9: Marker Images --> More Information...
<param name='nmimages' value='2'>
<param name='1.mimage' value='images/whisky.gif'>
<param name='2.mimage' value='../../media/ii_marker.gif'>
<!-- S10: Callbacks --> More Information...
<param name='onClick' value='yes'>
<param name='onImageStart' value='yes'>
</applet>
</td><td nowrap>
<h3>Interesting Places</h3>
<!-- S11: List of Places --> More Information...
<!-- II office -->
<script>add_place("3lg", 325167, 672948, 2)</script>
<h4>
<a href='' onClick='return false' onMouseOver='highlight_place("3lg")'>
<img src='../../media/ii_marker.gif' border=0>Interactive Information</a>
</h4>
<address>
3, Lauriston Gardens,<br>
Edinburgh.<br>
EH3 9HH
</address>
<!-- Aberfeldy -->
<script>add_place("d_aberfeldy", 286500, 749500, 1)</script>
<h4><a href='' onClick='return false'
onMouseOver='highlight_place("d_aberfeldy")'><img src='images/whisky.gif' border=0>Aberfeldy Distillery</a></h4>
<address>
Aberfeldy,<br>Perthshire<br>PH15 2EB
</address>
<!-- Balvenie -->
<script>add_place("d_balvenie", 332500, 840500, 1)</script>
<h4><a href='' onClick='return false'
onMouseOver='highlight_place("d_balvenie")'><img
src='images/whisky.gif' border=0>Balvenie Distillery</a></h4>
<address>
Dufftown,<br>Keith,<br>Banffshire,<br>AB55 4DH
</address>
<!-- Inchmurrin -->
<script>add_place("d_inchmurrin", 239500,864500 , 1)</script>
<h4><a href='' onClick='return false'
onMouseOver='highlight_place("d_inchmurrin")'><img
src='images/whisky.gif' border=0>Inchmurrin Distillery</a></h4>
<address>
Buckie,<br>Banffshire,<br>AB56 2AB
</address>
<!-- Caol Ila -->
<script>add_place("d_caol", 142500,670500 , 1)</script>
<h4><a href='' onClick='return false'
onMouseOver='highlight_place("d_caol")'><img
src='images/whisky.gif' border=0>Caol Ila Distillery</a></h4>
<address>
Caol Ila, by Port Askaig,<br>Isle of Islay,<br>Argyll,<br>PA46 7RL
</address>
</td></tr>
</table>
</body>