`
lemon.tree
  • 浏览: 8007 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Openlayers鼠标点击事件不响应

阅读更多

 

Openlayers 鼠标点击事件不响应,(

  marker.events.register('mousedown', marker, function(evt) { alert(evt); OpenLayers.Event.stop(evt); });

我把 map.addLayers([ol_wms, markers, drawlayer]); 改为

map.addLayers([ol_wms, drawlayer, markers]);

即Vector 放在 markers 之前,可能是图层覆盖的原因,要响应的图层,应放在最后;

否则像我之前那样,点击的是 drawlayer 图层;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    openlayer事件机制介绍

    例如,PanZoomBar控件会监听鼠标点击和拖动事件,以便让用户能够平移和缩放地图。 创建一个新的OpenLayers控件涉及以下步骤: 1. 实例化一个控件对象,传递配置选项,如一个自定义的HTML元素(div): ```...

    OpenLayers v5.3.0 release

    8. **地图事件处理**:OpenLayers 提供了丰富的地图和图层事件处理机制,如鼠标点击、移动、拖放等,v5.3.0可能对此进行了改进,使得事件处理更加精确和高效。 9. **地图投影**:支持多种地图投影系统,开发者可以...

    openlayers5.zip

    7. **事件处理**:你可以监听地图和图层的事件,如点击、移动等,实现交互响应功能。例如,你可以监听地图的单击事件来获取地图上的坐标。 8. **样式定制**:OpenLayers允许你通过`Style`对象自定义图层的视觉外观...

    openlayers3官方教程离线版

    7. **事件处理**:通过监听地图和图层的事件,可以实现诸如点击地图获取坐标、鼠标悬停显示信息框等功能。 8. **动态数据加载**:对于矢量图层,OpenLayers 3支持实时加载和更新数据,可以实现动态的地图效果,如...

    openlayers中文api.zip

    4. **Handler**(handler.html):处理器负责处理用户的输入事件,如鼠标点击、拖拽等,常用于实现地图上的绘制、测量等功能。例如,DragFeature handler允许用户通过鼠标拖动来移动地图上的特征。 5. **Datatypes*...

    openlayers v4.2.0下载

    - **事件处理**:提供丰富的事件监听和处理机制,可以响应用户的交互行为,实现动态更新和功能扩展。 **5. 示例和文档:** OpenLayers 提供详尽的API文档和丰富的示例代码,帮助开发者快速理解和应用。在v4.2.0版本...

    openlayers v4.4.2.zip

    9. **响应式设计**:OpenLayers 自带了对不同屏幕尺寸和设备的支持,确保地图在桌面和移动设备上都能正常显示和交互。 10. **扩展与插件**:OpenLayers 社区开发了许多扩展和插件,如OpenLayers 3打印插件,增强了...

    openlayers中文文档1.zip

    3. 地图交互:提供丰富的事件处理,如点击、拖动、鼠标悬停等,使开发者能够响应用户的交互行为,实现自定义功能。 4. 样式定制:通过CSS或SLD(Styled Layer Descriptor)来定制地图的视觉样式,如颜色、符号、...

    vue+openlayers简单示例

    这需要监听鼠标事件,更新标记的位置,并反映在Vue的数据模型上。同时,你还可以创建自定义的图层组件,以便加载自定义的数据格式,如GeoJSON或KML。 总之,“vue+openlayers简单示例”是一个很好的起点,展示了...

    openlayers 3.4 编译版开发库

    6. **事件监听**: 监听地图和图层上的事件,实现动态响应,如点击地图获取坐标、图层状态变化等。 7. **自定义渲染**: 通过扩展`ol.renderer`,可以定制地图元素的渲染方式,满足特殊需求。 总之,"openlayers 3.4 ...

    openlayers 2.9.1最新api文档

    20. **地图事件响应**:通过监听地图和图层事件,可以实现复杂的用户交互逻辑,如点击地图触发特定功能,或者根据鼠标移动改变图层的显示状态。 以上只是OpenLayers 2.9.1 API的部分关键知识点,实际使用中,开发者...

    OpenLayers2.13

    6. **事件处理**:提供丰富的事件监听机制,如鼠标点击、移动、拖拽等,使得开发者可以轻松实现地图上的交互功能。 7. **地理编码**:集成Google Maps、Bing Maps等服务商的地理编码API,可快速将地址转换为坐标。 ...

    OpenLayers3文档

    - **图层交互(Layer Interactivity)**:如鼠标悬停提示、点击事件处理,使地图更加动态和交互。 5. **投影变换** - **转换函数(Transform Functions)**:在不同坐标系之间转换地理坐标。 - **视图(View)**...

    openLayers-中文版API.zip

    8. **事件处理**:通过监听地图和图层的事件,你可以实现各种响应用户行为的功能,如点击地图获取坐标、图层加载完成等。 9. **样式(Styles)**:对于矢量图层,你可以通过`ol.style`对象自定义要素的显示样式,...

    openlayers5T弹窗.zip

    4. **触发Popup显示**:通常,我们会在地图的某个事件(如点击、鼠标悬停)上绑定函数来显示Popup。这个函数会根据地图坐标定位Popup,并更新其内容。 ```javascript map.on('click', function(event) { popup....

    Openlayers 3.20.1

    6. **事件处理(Event Handling)**:OpenLayers 提供丰富的事件系统,允许开发者监听并响应地图和图层的各种操作,如鼠标点击、移动、地图缩放等。 7. **地理坐标转换(Geolocation)**:内置的地理定位功能可以...

    最全最新的中文openLayers_api

    - 包括点击、移动、鼠标悬停等事件,可自定义响应。 11. **地图交互控件(Interacting with the Map)** - 缩放滑块、导航工具、全屏控制、测量工具等。 通过学习这些知识点,开发者可以熟练地使用OpenLayers ...

    OpenLayers Workshop

    此外,你还会学习如何处理用户与地图的交互,如鼠标移动、点击事件和拖拽操作。 6. **属性与样式**:在OpenLayers中,你可以根据数据属性改变图层或几何对象的样式。学习如何动态地修改地图元素的颜色、大小、透明...

    openlayers demo.zip

    3. **交互操作**:掌握地图的平移、缩放、旋转等操作,以及如何响应用户的鼠标和触摸事件。 4. **标记与图形**:学习如何在地图上添加点、线、面等几何对象,以及自定义样式和事件处理。 5. **控制与面板**:了解...

Global site tag (gtag.js) - Google Analytics