添加常用的地图辅助控件

来源：互联网发布：嘻游网络加速器编辑：程序博客网时间：2024/06/07 09:02

常用的地图辅助功能和控件有：平移按钮，缩放按钮，参照比例尺，导航（鼠标可在窗口内拖拽地图），鹰眼视角

实现方式：

平移、缩放按钮：

SuperMap.Map("map",{controls:[new SuperMap.Control.PanZoomBar()]});

比例尺：

SuperMap.Map("map",{controls:[new SuperMap.Control.ScaleLine()]});

导航：

SuperMap.Map("map",{controls:[new SuperMap.Control.Navigation({dragPanOptions:{enableKinetic:true}})]});

鹰眼视角：

SuperMap.Map("map",{controls:[new SuperMap.Control.OverviewMap({maximized:true})]});

具体实现小程序代码：

<!DOCTYPE HTML><html><head>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <title>SuperMap iClient for JavaScript:TiledDynamicRESTLayer</title><script src="libs/SuperMap.Include.js"></script>    <script type="text/javascript">    var map, layer;var url = "http://localhost:8090/iserver/services/map-World/rest/maps/World_Image";    function onPageLond() {        map = new SuperMap.Map('map',{controls:[new SuperMap.Control.PanZoomBar(),new SuperMap.Control.ScaleLine(),new SuperMap.Control.Navigation({dragPanOptions:{enableKinetic:true}}),new SuperMap.Control.OverviewMap({maximized:true})]});        layer = new SuperMap.Layer.TiledDynamicRESTLayer("World_Image", url, {transparent:true, cacheEnabled:true},{maxResolution:"auto"});        layer.events.on({"layerInitialized": addLayer});    }    function addLayer() {        map.addLayer(layer);        map.setCenter(new SuperMap.LonLat(0, 0), 0);    }    </script></head><body onload="onPageLond()">    <div id="map" style="position:relative; left:50px; right:50px; width:900px;height:500px;" >                 </div></body></html>

运行示例：

0 0