js-将<li>拖拽到openlayers地图中,拖拽功能失效

问题描述

将<li>拖拽到openlayers地图中,拖拽功能失效

我现在有个功能,是将外部的图片拖拽到openlayers地图中。图片是用一个ztree树状菜单来显示的,利用ztree的拖拽功能将节点拖到地图中,然后在地图中生成一个图标。

在拖拽的时候,只要鼠标不进入openlayers里,拖拽功能就没问题,一旦光标进入到openlayers地图里,拖拽就好像被屏蔽了,有的时候也可以拖动到地图里,但是就好像卡主了一样,很难移动,各位js大神,有知道该怎么解决的吗?请帮忙解决一下。

解决方案

地图有增加自己的拖动事件吧。可能是冲突了,你可以试试用一个浮动层遮盖住地图

解决方案二:

是的,地图也可以拖动,我现在发现给document.onmousemove设置事件,在这个时间里打印当前event对象,然后光标在移动到地图中,只要移动到地图中,onmousemove 事件就不打印了

解决方案三:

十分感谢,问题解决了,哈哈

时间: 2024-09-01 05:40:49

js-将&amp;lt;li&amp;gt;拖拽到openlayers地图中,拖拽功能失效的相关文章

JS自定义对象实现Java中Map对象功能的方法

这篇文章主要介绍了JS自定义对象实现Java中Map对象功能的方法,可实现类似Java中Map对象增删改查等功能,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS自定义对象实现Java中Map对象功能的方法.分享给大家供大家参考.具体分析如下: Java中有集合,Map等对象存储工具类,这些对象使用简易,但是在JavaScript中,你只能使用Array对象. 这里我创建一个自定义对象,这个对象内包含一个数组来存储数据,数据对象是一个Key,可以实际存储的内容! 这里Key

js打开摄像头拍照保存,摄像头镜像。摄像头可以识别二维码功能

问题描述 js打开摄像头拍照保存,摄像头镜像.摄像头可以识别二维码功能 js打开摄像头拍照保存.摄像头镜像.摄像头可以识别二维码功能.求大神回答~ 解决方案 这个需要和安卓或者ios开发人员合作,安卓或者ios给实现二维码扫描功能,和js交互,提供给你js方法.供你调用,你就可以识别二维码了. 解决方案二: 可以先不考虑二维码扫描

activex-vlc控件不能拖入Form1控件中?

问题描述 vlc控件不能拖入Form1控件中? 2C 我已经regisvr32 axvlc.dll,但是在visual studio 2010下拖入VLC控件时,还是提示"未能导入ActiveX控件,请确保它已正确注册",请哪位大侠帮助解答下! 解决方案 Vlc控件接口Vlc控件接口Vlc控件接口 解决方案二: 控制注册不成功,可以先用Tscon测试一下

javascript-怎么做网页自动登录?java+jsp,在js中做这个功能

问题描述 怎么做网页自动登录?java+jsp,在js中做这个功能 怎么做网页自动登录?java+jsp,在js中做这个功能,就是有个checkbox(30天内自动登录),选中之后,登录成功后30天内自动登录 解决方案 用Cookie,把用户和密码保存到本地 解决方案二: 勾选好checkbox 将用户名和密码保存到cookie中返回到客户端,下一次进入到登录界面时候获取该cookie从中取出用户名和密码,进行登录. 解决方案三: 就是保存到cookie 中,,下次登录直接送cookie中读取

JS自定义对象实现Java中Map对象功能的方法_javascript技巧

本文实例讲述了JS自定义对象实现Java中Map对象功能的方法.分享给大家供大家参考.具体分析如下: Java中有集合,Map等对象存储工具类,这些对象使用简易,但是在JavaScript中,你只能使用Array对象. 这里我创建一个自定义对象,这个对象内包含一个数组来存储数据,数据对象是一个Key,可以实际存储的内容!   这里Key,你要使用String类型,和Java一样,你可以进行一些增加,删除,修改,获得的操作. 使用很简单,我先把工具类给大家看下: 复制代码 代码如下: /**  *

c#-C#中做一个抽奖功能,然后抽奖名单通过已有的文档拖拽到C#程序中

问题描述 C#中做一个抽奖功能,然后抽奖名单通过已有的文档拖拽到C#程序中 只做好了抽奖代码 using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Threading.Tasks;using System.Windows.Form

手机app web页开始加载 正常 然后跳到其他页在按返回键回到原页面 js功能失效

问题描述 手机app web页开始加载 正常 然后跳到其他页在按返回键回到原页面 js功能失效 手机app web页开始加载 正常 然后跳到其他页在按返回键回到原页面 js功能失效 我估计是js出错了但是那里出错我不知道里面 有没有大神给点线索

asp.net 拖控件实现GridView分页删除编辑功能,如果出现了异常,我怎么捕获异常.!!!!!

问题描述 asp.net拖控件实现GridView分页删除编辑功能,如果出现了异常,我怎么捕获异常.!!!!!就比如说我这个异常~无法将NULL值插入列'moeny',表'yuguomin.dbo.info':该列不允许空值.UPDATE失败.语句已终止.说明:执行当前Web请求期间,出现未处理的异常.请检查堆栈跟踪信息,以了解有关该错误以及代码中导致错误的出处的详细信息.异常详细信息:System.Data.SqlClient.SqlException:无法将NULL值插入列'moeny',表

原生js拖拽(第一课 未兼容)拖拽思路_javascript技巧

复制代码 代码如下: /* 拖拽流程: 1.第一步点击需要拖动的元素 2.在点击下的元素被选中,进行move移动 3.当鼠标弹起的时候,停止动作 4.点击元素oDIV的时候,可用的是oDIV区域,而move和up则是全局区域,也就是整个文档通用,即应该用document */ oDIV = document.getElementById("gaga"); oDIV.onmousedown = function( e ){ // 当鼠标点击下去的时候 var diffX = e.clie