<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>ScaleBar Demo</title>
<script type="text/javascript" src="scripts/SuperMap.IS.Include.js"></script>
<script type="text/javascript" src="scripts/Page.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<!-- maybe we should put 'OnPageLoad' in jQuery $(document).ready() function -->
<body onload="OnPageLoad('底图')" onunload="OnPageUnload()">
<!-- MapControl -->
<div id="myMap" style="width:744px; height:516px; overflow:hidden; margin:0;
padding:0; position:absolute; left:137px; top:153px; border:solid 1px gray">
</div>
<!-- Scalebar slider -->
<div id="mapSlider" style="position: absolute; width: 14px; height: 8px; z-index: 2; left: 170px; top: 245px">
<img src="images/slider.png" style="width: 14px; height: 8px; border: 0px;" alt="" />
</div>
<!-- Scalebar button -->
<div id="layer1" style="position: absolute; width: 54px; height: 225px; z-index: 1;
left: 150px; top: 146px;">
<table width="54" cellspacing="0" cellpadding="0" border="0" id="table1" style="position:relative; top:13px;">
<tbody>
<tr height="18">
<td></td>
<td width="18" colspan="3">
<img style="width: 18px; height: 18px; border: 0px;" onclick="OnClickPan(4)" src="images/north.png" />
</td>
<td></td>
</tr>
<tr height="18">
<td width="18" align="right">
<img style="width: 18px; height: 18px; border: 0px;" onclick="OnClickPan(2)" src="images/west.png" />
</td>
<td width="18" align="center">
<img style="width: 18px; height: 18px; border: 0px;" onclick="ViewEntire()" src="images/middle.png" />
</td>
<td width="18" align="left">
<img style="width: 18px; height: 18px; border: 0px;" onclick="OnClickPan(1)" src="images/east.png" />
</td>
</tr>
<tr>
<td></td>
<td>
<img height="18" width="18" border="0" style="" onclick="OnClickPan(3)" src="images/south.png" />
</td>
<td></td>
</tr>
<tr>
<td></td>
<td>
<img height="18" width="18" border="0" style="" onclick="OnClickZoomIn()" src="images/zoom-plus.png" />
</td>
<td></td>
</tr>
<tr>
<td></td>
<td align="center">
<img height="77" width="16" border="0" src="images/scalebar.gif" />
</td>
<td></td>
</tr>
<tr>
<td></td>
<td>
<img height="18" width="18" border="0" style="" onclick="OnClickZoomOut()" src="images/zoom-minus.png" />
</td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div id="info">
debug info</div>
</body>
</html>
SuperMap自定义ScaleBar控件
4星 · 超过85%的资源 需积分: 10 102 浏览量
2008-11-28
09:25:16
上传
评论 1
收藏 9KB RAR 举报 
Scalebar.rar （12个子文件） 
Scalebar.htm 4KB
scripts SuperMap.IS.ScaleBarControl.js 11KB Page.js 4KB images 
scalebar.gif 357B
east.png 424B south.png 410B west.png 427B middle.png 491B zoom-plus.png 400B zoom-minus.png 386B north.png 423B slider.png 241B
评论4