`

改变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>

 

分享到:
评论

相关推荐

    openLayers的缩放级别

    OpenLayers缩放级别 OpenLayers 的缩放级别是指在不同比例尺或解析度下显示每个 layer 对象的引用, 即 ZoomLevels。OpenLayers 允许每个 layer 自定义自己的缩放级别,使之看起来合适。可以通过在构造函数中设置 ...

    openlayers中自定义工具条

    在OpenLayers这个强大的开源JavaScript库中,自定义工具条是一个常用功能,允许开发者根据项目需求构建个性化的地图交互界面。本文将深入探讨如何在OpenLayers中实现自定义工具条,并结合16年的实践经验,尽管一些...

    openlayers编辑工具

    openlayers3编辑工具栏功能,包含绘制点线面及修改删除功能,根据需求添加

    openlayers的鼠标滚轮事件

    OpenLayers作为一个强大的开源JavaScript库,为开发者提供了丰富的功能来实现各种地图操作,包括缩放、平移等基本交互。其中,鼠标滚轮事件的处理对于改善用户体验尤为重要。本文将详细介绍如何在OpenLayers中启用和...

    openlayers很多特效demo

    4. 样式和符号化:OpenLayers 提供了强大的样式设置功能,可以自定义点、线、面的外观,包括颜色、大小、形状、填充等。通过这些样式,可以实现地图元素的可视化增强,提高地图的可读性。 5. 动画和过渡效果:...

    OpenLayers加载缩放控件使用方法详解

    本文实例为大家分享了OpenLayers加载缩放控件使用的具体代码,供大家参考,具体内容如下 1、一般的地图打开都有放大、缩小和全图的导航条,以便于用户对地图的查看,下面我们将在OpenLayers中实现这一功能; 2、在...

    openlayers典型例子展示

    OpenLayers提供了鹰眼功能,用户可以使用鹰眼查看地图的概况,快速定位要素的位置。这种功能非常实用,例如在导航、旅游等领域。 五、 书签及样式 OpenLayers支持书签和样式的设置,用户可以根据需要设置地图的...

    OpenLayers

    下面将详细介绍OpenLayers的基础知识,以及如何开始使用它。 ### 1. OpenLayers 概述 OpenLayers 提供了一种简单的方式来在网页中集成地图功能。它支持多种地图源,包括谷歌地图、必应地图、雅虎地图等,同时也...

    openlayers中文.rar

    - **地图操作**:如`map.getView().setCenter()`改变中心点,`map.getView().setZoom()`调整缩放级别。 - **图层操作**:`layer.setVisible(true/false)`切换图层显示状态,`source.addFeature(feature)`添加矢量...

    openlayer4 工具条

    此外,确保正确处理地图的交互事件,例如阻止测量交互与地图的其他交互冲突,以及在用户停止测量时更新工具条的状态。 在压缩包中的"工具条"文件中,可能包含了实现这些功能的JavaScript源代码、CSS样式表和HTML...

    openlayers 编辑geoserver图层

    通过OpenLayers,你可以实现地图的缩放、平移、图层控制以及添加自定义图层等功能。 接下来是GeoServer。GeoServer是一个符合OGC标准的WMS和WFS服务器,能够发布和编辑地理空间数据。它支持多种数据格式,如...

    openlayersAPI研究文档

    * PanZoomBar:平移缩放工具,出现在左边的工具栏上。 * MousePosition:显示鼠标的坐标(精度与纬度),出现在右下角。 * OverviewMap:鹰眼视图,显示整个地图的概览。 * LayerSwitcher:图层切换器控件,用于切换...

    openlayers扩展

    本篇文章将详细探讨OpenLayers的扩展机制,特别是针对描述中提到的“导航条扩展”、“鹰眼工具扩展”和“放大效果扩展”。 1. **OpenLayers 控件扩展**: OpenLayers 提供了内置的控件,如ZoomIn、ZoomOut、...

    openlayers5.zip

    你需要指定一个DOM元素作为地图容器,以及一个`View`对象来定义初始视图,包括中心位置和缩放级别。 3. **图层管理**:OpenLayers支持多种图层类型,如瓦片图层(TileLayer)、图像图层(ImageLayer)和矢量图层...

    openLayers geoserver常见问题

    控制地图的放缩可以设置地图的最小和最大缩放级别,以及使用导航控件。 链接WMS的代码通常涉及到`OpenLayers.Layer.WMS`的构造函数,设置服务URL、图层名、参数等。 矢量层在IE下闪烁可能是由于浏览器对矢量图形的...

    openLayers完整代码示例数据

    5. **交互功能**:OpenLayers支持丰富的交互功能,如点击获取信息、拖动缩放、测量距离等,这些功能可以与JSON数据结合,提供丰富的地图交互体验。 6. **动态更新**:如果JSON数据能实时更新,OpenLayers也可以实现...

    openlayers.js及入门事例

    通过以上步骤,你可以创建一个包含多个图层、缩放条、工具条、鼠标位置以及弹出窗口的地图应用。OpenLayers 提供了丰富的API和文档,使得开发者可以根据需求定制各种复杂的功能。对于初学者来说,研究官方提供的示例...

    openlayers

    OpenLayers 是一个开源JavaScript库,...对于需要共享和交互地图数据的应用,OpenLayers是一个强大的工具。通过学习和熟练掌握OpenLayers的画线方法以及其他相关功能,你将能够创建出功能强大、用户友好的Web地图应用。

Global site tag (gtag.js) - Google Analytics