html点击监听事件无效,InfoWindow里面加button,监听button点击事件无效 求解啊

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

2ca10ea6bf526157f30bf19ddf61e62b.png

点击infoWindw中的button按钮,无效果;

覆盖默认的dom结构

html,

body,

#container {

width: 100%;

height: 100%;

margin: 0px;

}

p.my-desc {

margin: 5px 0;

line-height: 150%;

}

//创建地图

var map = new AMap.Map('container', {

zoom: 4

});

//覆盖默认的dom结构

AMapUI.defineTpl("ui/overlay/SimpleInfoWindow/tpl/container.html", [], function() {

return document.getElementById('my-infowin-tpl').innerHTML;

});

AMapUI.loadUI(['overlay/SimpleInfoWindow'], function(SimpleInfoWindow) {

var infoWindow = new SimpleInfoWindow({

infoTitle: '消息',

infoBody:' 呼叫',

//基点指向marker的头部位置

offset: new AMap.Pixel(0, -21)

});

//绑定的infoWindow中的按钮事件

infoWindow.get$InfoBody().on('click', ".mybtn01", function(e) {

alert('Click .mybtn of infoBody');

});

infoWindow.get$InfoTitle().on('click', ".mybtn02", function(e) {

alert('Click .mybtn of infoBody');

});

//绑定的marker事件函数

function openInfoWin(e) {

infoWindow.open(map, e.target.getPosition());

};

function ocloseInfoWin(e) {

infoWindow.close(map,e.target.getPosition());

}

//遍历的四个点

var lnglats=[

[121.355914,31.259884],

[121.583881,31.205281],

[121.561908,31.333226],

[121.754169,31.35551]

];

//遍历所需要的标注点,在地图上标记

for(var i= 0,marker;i

var marker=new AMap.Marker({

position:lnglats[i],

title:i,

map:map

});

//marker标注的事件绑定

marker.on('mouseover',openInfoWin);

marker.on('mouseout',ocloseInfoWin);

}

map.setFitView();

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值