<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

        <meta name="apple-mobile-web-app-capable" content="yes">

        <title>添加和删除控件</title>

        <link rel="stylesheet" href="./OpenLayers-2.12/theme/default/style.css" type="text/css" />

        <link rel="stylesheet" href="./css/style.css" type="text/css">

        <style>

        /* round corners of layer switcher, and make it transparent */

        .olControlLayerSwitcher .layersDiv {

            border-radius: 10px 0 0 10px;

            opacity: 0.75;

            filter: alpha(opacity=75);

        }

        </style>

        <script src="./OpenLayers-2.12/lib/OpenLayers.js"></script>

        <script type="text/javascript">

            var map;

            function init(){

                map = new OpenLayers.Map('map', {

                    controls: [

                        new OpenLayers.Control.Navigation(),

                        new OpenLayers.Control.PanZoomBar(),

                        new OpenLayers.Control.LayerSwitcher({'ascending':false}),

                        new OpenLayers.Control.Permalink(),

                        new OpenLayers.Control.ScaleLine(),

                        new OpenLayers.Control.Permalink('permalink'),

                        new OpenLayers.Control.MousePosition(),

                        new OpenLayers.Control.OverviewMap(),

                        new OpenLayers.Control.KeyboardDefaults()

                    ],

                    numZoomLevels: 6

                });

                var ol_wms = new OpenLayers.Layer.WMS(

                    "OpenLayers WMS",

                    "http://vmap0.tiles.osgeo.org/wms/vmap0",

                    {layers: 'basic'}

                );

                var gwc = new OpenLayers.Layer.WMS(

                    "Global Imagery",

                    "http://maps.opengeo.org/geowebcache/service/wms",

                    {layers: "bluemarble"},

                    {tileOrigin: new OpenLayers.LonLat(-180, -90)}

                );

                var dm_wms = new OpenLayers.Layer.WMS(

                    "DM Solutions Demo",

                    "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",

                    {layers: "bathymetry,land_fn,park,drain_fn,drainage," +

                             "prov_bound,fedlimit,rail,road,popplace",

                     transparent: "true", format: "image/png"},

                    {visibility: false}

                );

                map.addLayers([ol_wms, gwc, dm_wms]);

                if (!map.getCenter()) {

                    map.zoomToMaxExtent();

                }

            }

        </script>

    </head>

    <body onload="init()">

        <div id="tags">

            control, basic

        </div>

        <div id="map" class="smallmap"></div>

        <div id="docs"></div>

    </body>

</html>

OpenLayers添加和删除控件的更多相关文章

  1. WPF 中动态创建、删除控件，注册控件名字，根据名字查找控件

    动态创建控件 1.容器控件.RegisterName("Name",要注册的控件)   //注册控件 2.容器控件.FindName("Name") as  控 ...

  2. wpf动态增加删除控件

    我在xaml中定义了一个名字为morepictureWrapPan为WrapPanel,然后将控件添加在此WrapPanel中.由于要实现控件的删除功能,所以增加的textbox和button的名字都 ...

  3. OpenLayers 3 之 地图控件（control）

    OpenLayers 3 之 地图控件(control) 地图控件(control)是指地图上比例尺,缩略图,拉近拉远的按钮,滚动控制条等控件,默认控件有三个,可以禁用. OpenLayers 3 之 ...

  4. WPF 中动态创建和删除控件

    原文:WPF 中动态创建和删除控件 动态创建控件 1.容器控件.RegisterName("Name",要注册的控件)   //注册控件 2.容器控件.FindName(" ...

  5. 百度地图API示例之添加定位相关控件

    代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" cont ...

  6. C#构架之基础学习----动态添加窗体和 控件

    仿照窗体应用程序编写: 任务一:生成一个Form类的窗体对象frm using System.Windows.Forms;         //using指令使用Form对象创建所需的命名空间 //如 ...

  7. 在WPF中添加Windows Form控件（包括 ocx控件）

      首先,需要向项目中的reference添加两个dll,一个是.NET库中的System.Windows.Forms,另外一个是WindowsFormsIntegration,它的位置一般是在C:\ ...

  8. IOS 当一个控件被添加到父控件中会调用（didMoveToSuperview）

    /** * 当一个控件被添加到父控件中就会调用 */ - (void)didMoveToSuperview { if (self.group.opened) { self.nameView.image ...

  9. Add an Item to the Navigation Control 将项目添加到导航控件

    In this lesson, you will learn how to add an item to the navigation control. For this purpose, the N ...

随机推荐

  1. ymfx

    一.APIView 入口 在路由层执行as_view()方法 rest-framework/views.py/class APIView/def as_view() 可以看到,APIView继承了Dj ...

  2. vue elment.style样式修改（第三方组件自生成元素）

    参考:https://blog.csdn.net/dcxia89/article/details/80402490         https://blog.csdn.net/jianglibo102 ...

  3. vue @scroll

    参考: https://blog.csdn.net/qq449736038/article/details/80769507

  4. UOJ261 【NOIP2016】天天爱跑步 LCA+动态开点线段树

    UOJ261 [NOIP2016]天天爱跑步 Description 小c同学认为跑步非常有趣,于是决定制作一款叫做<天天爱跑步>的游戏.天天爱跑步是一个养成类游戏,需要玩家每天按时上线, ...

  5. node概览和安装

    一.node是一个平台环境,可以运行js代码的服务器端平台. 设计最初node是用来解决并发问题的,现在可以用来放在服务端使用. node平台的有优点:运行速度快,支持高并发,轻便.小巧 但是与jav ...

  6. 第二章 Odoo 12开发之开发环境准备

    在更深入了解 Odoo 开发之前,我们应配置好开发环境并学习相关的基础管理任务.本文中,我们将学习创建 Odoo 应用所需用到的工具和环境配置.这里采用 Ubuntu 系统来作为开发服务器实例的主机, ...

  7. sql调优的总结

    sql调优的总结 列类型尽量定义成数值类型,且长度尽可能短,如主键和外键,类型字段等等 建立单列索引 根据需要建立多列联合索引 当单个列过滤之后还有很多数据,那么索引的效率将会比较低,即列的区分度较低 ...

  8. Spring注解驱动开发(四)-----aop、声明式事务

    AOP 概念 指在程序运行期间动态的将某段代码切入到指定方法指定位置进行运行的编程方式:-----基于动态代理 一个aop示例 1.导入aop模块:Spring AOP:(spring-aspects ...

  9. jquery与js区别

    js与jquery的区别 js里面找元素是通过dom操作,jquery是通过$ DOM:土鳖jQuery:土豪1. DOM-->jQuery(土鳖变土豪)拿钱砸:$Var txtName = d ...

  10. mysql数据库引擎（转载）

    数据库引擎介绍 MySQL数据库引擎取决于MySQL在安装的时候是如何被编译的.要添加一个新的引擎,就必须重新编译MYSQL.在缺省情况下,MYSQL支持三个引擎:ISAM.MYISAM和HEAP.另 ...