关于自定义缩放控件等级

0 views
Skip to first unread message

chenchen

unread,
Jan 8, 2007, 10:05:01 PM1/8/07
to 灵图地图接口讨论区

在代码中加入如下语句window._LT_map_zoomLevels=[0,3,6,9,12];
//
方括号中为自定义的级别,注意数字一定要按照由小到大的顺序中间可以间隔。
示例:
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312"/>
<meta name="keywords"
content="LTSmallMapControl,LTStandMapControl,LTMaps.addControl,JavaScript,灵图,51ditu
Maps API,地图,范例文档,vml"/>
<title>标准导航控件-灵图51ditu Maps API范例</title>
<style type="text/css">v\:*{behavior:url(#default#VML);}</style>
<script language="javascript"
src=http://api.51ditu.com/js/maps.js></script>
<script language="javascript">
var map;
window._LT_map_zoomLevels=[0,3,6,9,12];
//自定义缩放级别
function onLoad()
{
map=new LTMaps("mapDiv");
map.centerAndZoom(new LTPoint(11640969,3994940),0);

var control=new LTStandMapControl();
map.addControl(control);//添加到地图
}
</script>
</head>
<body onload="onLoad()">
<div id="mapDiv" style="position:absolute;width:400px;
height:300px;"></div>
<div style="position:absolute;left:420px;">
<ul>
<li>查看<b>本页面源文件</b>可以了解如何使用51ditu
Maps API实现本功能;</li><br/><br/>

<li>本范例演示标准导航控件的使用,导航控件是方便用户查看地图而添加到地图上的一组按钮,点击相应的按钮改变地图的视图;</li>
<li>点击四个方向按钮,地图将向相应的方向移动一段距离;</li>
<li>点击+和-按钮,地图将会放大或缩小一个等级;</li>
<li>点击中心的还原按钮,地图将恢复到原有的位置;</li>
<li>点击缩放等级条之中的缩放等级,地图将自动跳转到该等级;</li>
<li>拖动缩放等级条上的滑标,地图将跟随滑标的位置改变缩放等级;</li>
<li>要查看更多导航控件的样式,请查看LTStandMapControl的类说明,或者查看<a
href="LTSmallMapControl.htm">简易导航控件</a>和<a
href="mini.htm">迷你缩放控件</a>;</li>

<br/><br/><li><a
href="../../examples.html">返回所有范例列表</a></li>
</ul>
</div>
</body>
</html>

Reply all
Reply to author
Forward
0 new messages