<!-- ------------------------------------------------------------------------
--
-- This file was created by rjc from system/tutorial_mapping/location/egmain.html
-- on 2003/08/27 09:13:45.
--
-- 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 - Location Plotting</title>
<!-- S1: Load II Map javascript --> More Information...
<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>
<!-- S2: Load Atlas --> More Information...
<script language='JavaScript' src="/ServedMaps/scotlandmaps.mapset3"></script>
<!-- S3: Application JavaScript --> More Information...
<script language=JavaScript>
// S4: Initialisation and Startup More Information...
function localOnLoad()
{
// S5: Initialising Map Weasel More Information...
easel_init("2.3", "map"); // Let the JavaScript find the applet
}
function on_easel_start()
{
maps_root_url="/ServedMaps"; // Where to get maps.
maps_select_default_atlas(); // S6: Select an Atlas More Information...
easel_set_page_loaded(); // S7: Tell the world we are OK. More Information...
maps_init(); // S8: System Setup More Information...
// S9: Mark and show a location More Information...
var mk = markers_add_display("II", // Name
"office", // Class
325167, 672948, // Location
"cross", // Type of Marker
9, 5); // Size and Thickness
markers_zoom_to(mk, 5, 5);
}
</script>
</head>
<!-- S10: Body Tag --> More Information...
<body bgcolor="white"
text="midnightblue"
link="#9d0052"
alink="#39c8ff"
vlink="#9d0052"
onload='localOnLoad();'
>
<!-- S11: Controls --> More Information...
<div 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>
</div>
<div align=center>
<!-- S12: The Applet --> More Information...
<applet MAYSCRIPT archive='../../easel.jar' code=Easel name='map' width=300 height=300>
// S13: The II Copyright More Information...
<param name='copyright' value='Copyright 1999-2002 Interactive Information Ltd'>
// S14: Loading Message More Information...
<param name='loadingMessage' value='Initialising'>
// S15: Feature Selection More Information...
<param name='allowDragSelect' value='true'>
<param name='clipBigImages' value='true'>
</applet>
</div>
</body>