該樓層疑似違規已被系統折疊?隱藏此樓查看此樓
點擊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();
});
