xiaohai
xiaohai
  • 发布:2016-12-02 13:40
  • 更新:2016-12-02 14:21
  • 阅读:1388

如何给地图上的标点弹出的气泡绑定数值

分类:HTML5+

我想给地图上的标签弹出的气泡绑定一个数值,然后通过点击气泡获取到这个值,传给另一个页面,请问怎么能给气泡赋值,并且要怎么取值?不想通过气泡的文本内容传值,因为文本里需要显示其他信息。求解

2016-12-02 13:40 负责人:无 分享
已邀请:
赵梦欢

赵梦欢 - 专注前端,乐于分享!

  
<!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

该问题目前已经被锁定, 无法添加新回复