起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2136|回复: 7

[结贴] 百度地图自定义覆盖物动态创建的div添加的点击事件无效

[复制链接]

2

主题

6

帖子

17

积分

新手上路

Rank: 1

积分
17
QQ
发表于 2018-7-13 10:48:18 | 显示全部楼层 |阅读模式
如题,
var div = this._div = document.createElement("div");
                div.style.position = "absolute";
                div.id = this._index;
                div.style.background = "url(../img/portrait_bg.png)";
                // div.onClick = "showInfoWindow";

                //div.addEventListener("click", showInfoWindow);

                div.style.zIndex = BMap.Overlay.getZIndex(this._point.lat);// 聚合功能?
                // 可以根据参数设置元素外观
                div.style.height = "60px";
                div.style.width = "50px";

                var arrow = this._arrow = document.createElement("img");
                arrow.src = this._photo;
                arrow.style.width = "40px";
                arrow.style.height = "40px";
                arrow.style.marginTop = "5px";
                arrow.style.marginLeft = "5px";
                arrow.style.borderRadius = "50%";
                div.appendChild(arrow);

                map.getPanes().labelPane.appendChild(div);


var myCompOverlay = new ComplexCustomOverlay(new BMap.Point(arryObj[i].longitude, arryObj[i].latitude), arryObj[i].photo, i);
                        map.addOverlay(myCompOverlay);
                        myCompOverlay.addEventListener("click", function() {
                                alert("aaaacccvvv");
                        });

2

主题

6

帖子

17

积分

新手上路

Rank: 1

积分
17
QQ
 楼主| 发表于 2018-7-13 10:52:50 | 显示全部楼层
问题描述:在PC端可以响应该点击事件,但是自带的浏览器切换到F12模式,也就是移动端时就无法响应了,求助啊。。。。。。。
回复 支持 反对

使用道具 举报

53

主题

928

帖子

1730

积分

金牌会员

Rank: 6Rank: 6

积分
1730
发表于 2018-7-13 15:25:26 | 显示全部楼层
你用的是什么?  是直接导入的百度地图的API  还是用的插件?  如果用的是wex5的百度地图插件    插件里面有判断用户设备的语句    看你的描述  好像是因为你用的浏览器模拟手机浏览      估计是这样出现问题了  你可以看看   wex5百度地图插件的源码      
承接wex5开发web项目、微信页面等;
低费用进行零散功能开发(java、JS、微信各种接口、阿里云接口等)
QQ:459349489
回复 支持 反对

使用道具 举报

2

主题

6

帖子

17

积分

新手上路

Rank: 1

积分
17
QQ
 楼主| 发表于 2018-7-13 18:01:05 | 显示全部楼层
doudou459 发表于 2018-7-13 15:25
你用的是什么?  是直接导入的百度地图的API  还是用的插件?  如果用的是wex5的百度地图插件    插件里面 ...

我没有用插件,用HTML直接引入的百度js显示的地图,然后在上面做操作。
回复 支持 反对

使用道具 举报

53

主题

928

帖子

1730

积分

金牌会员

Rank: 6Rank: 6

积分
1730
发表于 2018-7-14 08:42:39 | 显示全部楼层
李鹏军 发表于 2018-7-13 18:01
我没有用插件,用HTML直接引入的百度js显示的地图,然后在上面做操作。

动态添加的点击事件    是有些问题   你可以尝试用其他办法做点击事件   比如 用a 标签什么的   我以前也遇见过····最后就绕过绑定点击事件  来做的
承接wex5开发web项目、微信页面等;
低费用进行零散功能开发(java、JS、微信各种接口、阿里云接口等)
QQ:459349489
回复 支持 反对

使用道具 举报

2

主题

6

帖子

17

积分

新手上路

Rank: 1

积分
17
QQ
 楼主| 发表于 2018-7-14 14:48:06 | 显示全部楼层
原来是事件加的不对  this._div.addEventListener("touchstart",fun);
回复 支持 反对

使用道具 举报

发表于 2018-7-16 14:26:00 | 显示全部楼层
是的,手机应该 没有点击事件,只有touch 事件
你换成 touch 事件可以了对吗?
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

2

主题

6

帖子

17

积分

新手上路

Rank: 1

积分
17
QQ
 楼主| 发表于 2018-7-17 14:20:23 | 显示全部楼层
liangyongfei 发表于 2018-7-16 14:26
是的,手机应该 没有点击事件,只有touch 事件
你换成 touch 事件可以了对吗? ...

可以了,谢谢。可以结帖了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-9-25 01:23 , Processed in 0.063383 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表