改变OpenLayers缩放工具条位置以及大小

最新推荐文章于 2025-09-04 19:36:25 发布

原创最新推荐文章于 2025-09-04 19:36:25 发布 · 2.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#PanZoomBar

OpenLayers 专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何使用JavaScript与OpenLayers地图库结合，实现地图的基本操作与交互，包括地图初始化、添加图层、缩放与平移等功能。

   <script type="text/javascript">
        var map, layer;
        function init(){
            map = new OpenLayers.Map( 'map' );
            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
                    "http://vmap0.tiles.osgeo.org/wms/vmap0",
                    {layers: 'basic'} );
            map.addLayer(layer);
			map.numZoomLevels =13;
            map.zoomToMaxExtent();
			map.addControl(new OpenLayers.Control.LayerSwitcher());
			map.addControl(new OpenLayers.Control.ZoomPanel());
			map.addControl(new OpenLayers.Control.PanZoomBar({'position':new OpenLayers.Pixel(50, 0), 'zoomStopHeight':5}));
        }
    </script>