`
wxb880114
  • 浏览: 687107 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Openlayers学习笔记——Vector Layer 事件类型

阅读更多
    Vector类是继承了OpenLayers.Layer的,Layer的所有事件类型都能在Vector中被使用。
     一、事件类型的注册
    vector_layer.event.register(type,obj,listener);
    vector_layer是矢量图层的名字,上面的代码能够将事件注册到事件类型中去,除了Layer的事件类型外,矢量图层还支持以下事件:
    1.afterfeaturemodified:在要素改动后后触发;
    2.beforefeatureadded:在要素添加到地图上去的时候;
    3.featuremoved:在单个要素移动后触发;
    还有一些在这里就不介绍了,API中都有详细的说明。
   
    二、Vector Layer事件应用实例
    1.新建地图,添加vetor layer和EditingToolbar;
    2.定义函数
      function before_feature_added(feature){console.log('before adding a feature',feature)};
   3.事件注册
      map.layers[1].events.register('beforefeatureadded',this,before_feature_added);
   4.事件取消注册
      map.layers[1].events.unregister('beforefeatureadded',this,before_feature_added);
分享到:
评论

相关推荐

    openlayers图层控制加入group layer功能

    开发时,有时候图层很多,需要有同时打开关闭多个图层的功能,但是正式版的layerSwitcher不支持group layer功能. 从网上搜到layerSwitcher的扩展,是在源代码里添加对grouplayer的操作和事件支持. 对layerSwitcher....

    openlayers的鼠标滚轮事件

    通过本篇文章的学习,我们了解了如何在OpenLayers中控制鼠标滚轮事件,包括启用和禁用滚轮缩放功能的方法。这对于提高Web地图应用的用户体验至关重要。希望读者能够根据自己的项目需求灵活运用这些技术点。

    OpenLayers-API接口文档.rar_layer.open 详解_openLayer_openlayers_openla

    本文将深入探讨OpenLayers API中的一个重要组件——`layer.open`,帮助开发者更全面地理解和利用这一功能。 `layer.open` 是OpenLayers中用于打开图层(layer)的关键接口。图层是地图的核心组成部分,它可以包含...

    openlayer事件机制介绍

    事件机制是OpenLayers的核心部分,它使得用户与地图进行交互成为可能。在OpenLayers中,事件机制主要涉及到控件(Controls)和处理器(Handlers)的概念。 控件在OpenLayers中扮演着重要的角色,它们是附加到地图上...

    openLayers的缩放级别

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

    openlayers离线文档

    每个图层都由一个OpenLayers.Layer对象表示,你可以通过指定URL和服务类型来创建图层。例如,WMS图层可以通过`new OpenLayers.Layer.WMS()`构造函数创建。 "控制"(Controls)是OpenLayers提供的一组交互工具,如...

    openlayers6学习笔记

    openlayers6学习笔记,节省你的学习成本

    openlayers中自定义工具条

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

    openlayers_echarts开发实例

    - 在线示例:通过查看公开的GitHub项目(如“openlayers_echart”),学习实际的代码实现。 以上内容涵盖了OpenLayers和ECharts集成的基本概念、关键点以及实际应用场景。在实践中,开发者需要根据具体需求灵活...

    openlayers中文.rar

    这个"openlayers中文.rar"压缩包提供了一份中文手册,对于想要学习和掌握OpenLayers的开发者来说,是一份非常实用的学习资源。 1. **OpenLayers基本概念**: - **地图层(Layers)**:OpenLayers中的地图由多个...

    openlayers3.0学习笔记

    openlayers3.0学习笔记,节省你的学习成本

    openlayers 风场渲染效果

    openlayers 风场渲染效果,放置风场数据即可使用

    openlayers很多特效demo

    OpenLayers 是一个强大的开源JavaScript库,用于在网页上...通过研究这些OpenLayers特效demo,开发者不仅可以掌握基础的地图操作,还能学习到高级的交互和视觉效果的实现,为创建复杂且吸引人的地图应用提供强大支持。

    Openlayers扩展H5绘制10W+数据

    6. 动态更新与交互:在OpenLayers中,我们可以监听地图事件,如moveend、zoomend等,实时更新数据的加载和渲染,实现动态地图效果。同时,OpenLayers提供了丰富的API供用户进行交互操作,如点击查询、测量、标注等。...

    地图个人开发笔记和Demo

    —— 1.2 openlayers 实例化地图 —— 1.3 openlayers地图OSM形式 —— 1.4 openlayers地图XYZ形式 —— 1.5 国家地理信息公共服务平台 天地图 —— 1.6 天地图.四川 —— 1.7 天地图.西藏 —— 1.8 高德地图 —— ...

    openlayers中文文档

    在OpenLayers中,你可以通过设置图层的类型来显示不同类型的地图。例如,瓦片图层(Tile Layer)适合加载大型数据集,因为它会将地图分割成小块进行加载;矢量图层(Vector Layer)可以显示动态数据,如点、线和面,...

    openlayers5图片时间轴播放.zip

    2. **创建图层(Creating Layers)**:在OpenLayers中,我们可以创建一个特殊的图层类型,如`ImageSource`或`ImageWMS`,来加载和显示单个图片。我们需要确保图片URL中包含了时间参数,以便根据时间轴改变请求的图片...

    openlayers3官方教程离线版

    3. **图层管理**:OpenLayers 3支持多种图层类型,如瓦片图层(`ol.layer.Tile`)、图像图层(`ol.layer.Image`)和矢量图层(`ol.layer.Vector`)。每种图层都有其特定的用途,例如瓦片图层常用于加载服务端生成的...

    基于openlayer的军事动态标绘.7z

    1. 矢量图层:OpenLayer中的Vector Layer允许开发者动态创建、编辑和删除地图上的几何对象,如点、线、面等,非常适合表示军事目标和动态变化的信息。 2. 数据源:动态标绘的数据通常来自服务器或本地存储,Open...

    openlayers右键菜单

    你可以通过查看和学习这个示例,进一步理解和应用OpenLayers的右键菜单功能。 总结来说,OpenLayers右键菜单是通过自定义事件监听、HTML/CSS布局和JavaScript事件处理来实现的。这个“不错的demo”为我们提供了一个...

Global site tag (gtag.js) - Google Analytics