<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312"/>
<meta name="keywords" content="LTOverviewMapControl,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">
function RemoveArray(array,attachId)
{
for(var i=0,n=0;i<array.length;i++)
{
if(array[i]!=attachId)
{
array[n++]=array[i]
}
}
array.length -= 1;
}
Array.prototype.remove = function (obj)
{
return RemoveArray(this,obj);
};
var map;
function onLoad()
{
map=new LTMaps(document.getElementById("mapDiv"));
map.centerAndZoom(new LTPoint(11640969,3994940),6);
map.addControl(new LTSmallMapControl());
map.addControl(new LTOverviewMapControl(null,null,null,null,3));
//就添加了下面一点
map.zoomLevels.remove(6);
map.zoomLevels.remove(7);
map.zoomLevels.remove(8);
map.zoomLevels.remove(9);
map.zoomLevels.remove(10);
map.zoomLevels.remove(11);
map.zoomLevels.remove(12);
map.zoomLevels.remove(13);
map.zoomLevels.remove(14);
}
</script>
</head>
<body onload="onLoad()">
<div id="mapDiv" style="position:absolute;width:600px; height:
500px;"></div>
<div style="position:absolute;left:620px;">
<ul>
<li>查看<b>本页面源文件</b>可以了解如何使用51ditu Maps API实现本功能;</li><br/><br/>
<li>鹰眼地图上的导航标志正常情况下显示的是当前主地图的视图范围(有时候为了防止该矩形框显示的太大或太小而进行了限制),因此,不能直接地
在地图上设置导航标志的大小;</li>
<li>不过我们可以改变鹰眼地图和主地图的缩放等级差来实现,默认情况下是4,代表着鹰眼地图上的一个像素代表主地图上的2的4次方=16个像
素,也就是说,假如你的主地图是600*500的,正常情况下该矩形框的宽度是600/16=37像素,高度是500/16=31像素。</li>
<li>假如你将缩放等级差更改为3,该矩形框大小会增大一倍,变为75*62.5,你可以用这个办法来更改其大小,当然,假如你觉得改了又太大,
除了更改你的主地图大小之外,没有其他选择;</li>
<li>再次提醒,该矩形框的大小有一个上限和一个下限;</li>
<br/><br/><li><a href="../../examples.html">返回所有范例列表</a></li>
</ul>
</div>
</body>
</html>