百度地图API--信息窗口

发布时间:2017-5-29 4:38:10 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"百度地图API--信息窗口 ",主要涉及到百度地图API--信息窗口 方面的内容,对于百度地图API--信息窗口 感兴趣的同学可以参考一下。

信息窗口

-----纯文本信息窗口 
为了更方便的提示用户,在地图的指定的地方添加文本信息的窗口,给用户直观展示信息,下面是如何添加一个纯文本的信息窗口。 
下面是添加一个文本窗口: 

/*	 * 添加纯文本信息窗口	 */	function addTextInfoWindow(map) {		var opts = {			width : 200, // 信息窗口宽度			height : 60, // 信息窗口高度			title : "西安美林电子有限责任公司", // 信息窗口标题			enableMessage : true,//设置允许信息窗发送短息			message : "欢迎来到西安美林电子有限责任公司就职..." // 信息内容		}		var infoWindow = new BMap.InfoWindow("地址:科技二路西安软件园汉韵阁C座501", opts); // 创建信息窗口对象		map.openInfoWindow(infoWindow, map.getCenter()); //开启信息窗口}

-----复杂信息窗口 

信息窗口不断能够展示纯文本的,还可以展示图片等复杂的信息,这样需要我们有一定的html基础,下面介绍如何添加一个复杂文本信息窗口。

/*	 * 添加复杂信息窗口		 */	function addComplexInfoWindow(map) {		// 拼接html字符串		var sContent = "<h4 style='margin:0 0 5px 0;padding:0.2em 0'>汉韵阁</h4>"				+ "<img style='float:right;margin:4px' id='imgDemo' src='image/hyg.jpg' width='139' height='104' title='汉韵阁'/>"				+ "<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>汉韵阁坐落于西安软件园...</p>"				+ "</div>";		var marker = new BMap.Marker(map.getCenter());		var infoWindow = new BMap.InfoWindow(sContent); //创建信息窗口对象		map.addOverlay(marker);		marker.addEventListener("click", function() {			// 调用了marker对象的openInfoWindow方法			this.openInfoWindow(infoWindow); 		});

上一篇:iOS10 UI教程视图的绘制与视图控制器和视图
下一篇:HDU 5724 Chess(博弈论)

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。