我想给地图上的标签弹出的气泡绑定一个数值,然后通过点击气泡获取到这个值,传给另一个页面,请问怎么能给气泡赋值,并且要怎么取值?不想通过气泡的文本内容传值,因为文本里需要显示其他信息。求解
xiaohai
- 发布:2016-12-02 13:40
- 更新:2016-12-02 14:21
- 阅读:1388
如何给地图上的标点弹出的气泡绑定数值
分类:HTML5+
赵梦欢 - 专注前端,乐于分享!
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>Map Example</title>
<script type="text/javascript">
var em=null,map=null;
// H5 plus事件处理
function plusReady(){
// 确保DOM解析完成
if(!em||!window.plus||map){return};
map = new plus.maps.Map("map");
var marker=new plus.maps.Marker(new plus.maps.Point(116.347496,39.970191));
marker.setLabel("HBuilder");
var bubble = new plus.maps.Bubble("打造最好的HTML5移动开发工具");
bubble.id = 'hello';
// 用户点击气泡将弹出气泡上的标题信息
bubble.onclick = function ( bubble ) {
alert(bubble.id);
}
marker.setBubble(bubble);
map.addOverlay(marker);
}
if(window.plus){
plusReady();
}else{
document.addEventListener("plusready",plusReady,false);
}
// DOMContentloaded事件处理
document.addEventListener("DOMContentLoaded",function(){
em=document.getElementById("map");
plusReady();
},false);
</script>
<style type="text/css">
#map {
width: 100%;
position: fixed;
top: 0px;
bottom: 0px;
line-height: 200px;
text-align: center;
background: #FFFFFF;
}
</style>
</head>
<body>
<div id="map">地图加载中...</div>
</body>
</html>
xiaohai (作者)
好的,谢谢
2016-12-02 16:00