OpenLayers Small Map Toolbar - OpenLayers中的小工具栏

最新推荐文章于 2023-07-26 16:11:37 发布

转载最新推荐文章于 2023-07-26 16:11:37 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kaixin110/archive/2008/10/10/1308054.html

文章标签：

#git

本文介绍了一个小型地图功能，实现缩放操作的方法，并提供了一个大型地图的平移与缩放条功能实现示例。通过自定义按钮来控制地图的放大与缩小，同时提供了地图平移与世界缩放图标的功能。

//Small Map
function enableZoomBox()
{
    var panel = new OpenLayers.Control.Panel();
    var btnZoomIn = new OpenLayers.Control.Button({title:'放大',displayClass: "ZoomIn", trigger: btnZoomIn_click});
    var btnZoomOut = new OpenLayers.Control.Button({title:'缩小',displayClass: "ZoomOut", trigger: btnZoomOut_click});

    panel.addControls([btnZoomIn,btnZoomOut]);
    map.addControl(panel);
}

//Large Map

function enablePanZoomBar()
{
    map.addControl(new OpenLayers.Control.PanZoomBar({zoomWorldIcon:true}));
    //var l=5;
    //map.addControl(new OpenLayers.Control.PanZoomBar({zoomWorldIcon:true}),new OpenLayers.Pixel(l,4));
}

转载于:https://www.cnblogs.com/kaixin110/archive/2008/10/10/1308054.html