百度地图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); }); }

转载于:https://www.cnblogs.com/lvlina/p/6098439.html

百度地图API--信息窗口相关推荐

【百度地图API】建立全国银行位置查询系统（五）——如何更改百度地图的信息窗口内容？...
[百度地图API]建立全国银行位置查询系统(五)--如何更改百度地图的信息窗口内容? 原文: [百度地图API]建立全国银行位置查询系统(五)--如何更改百度地图的信息窗口内容? 摘要: 酷讯.搜房. ...
百度地图自定义信息窗口样式
在项目中,UI经常会把信息窗口做自定义设计,那么如何实现自定义样式的信息窗口呢.核心代码如下: /** 创建信息窗口* */function _createMapvInfoWindow(width,h ...
百度地图InfoWindow信息窗口的自定义和样式修改
最近捣腾百度地图,在做标志物点击事件显示信息窗口时,发现官方的信息窗口只给了固定的样式,且比较普通.那么该如何想修改成自己想要的样式? 1.在官方给出的原基础上进行修改了解这种方法有助于你理解官方的 ...
centerandzoom 无效_在bootstrap modal 中加载百度地图的信息窗口失效解决方法
这个问题其实很傻,解决方法没有任何技术含量,只是记录下工作中发生的事. 前阵子给一个汽车集团客户做了一个经销商查询系统,其中一个功能是使用地图标注经销商店面地址,并且实现导航功能. 页面演示地址:ht ...
百度地图api html信息窗口,百度地图API实战
信息窗口这一小节我们将实现创建信息窗口以及点击标注出现信息窗口. 1.简介信息窗口在地图上方的浮动显示HTML内容.信息窗口可直接在地图上的任意位置打开,也可以在标注对象上打开(此时信息窗口的坐标 ...
百度地图利用位置提供服务器,利用百度地图API获取当前位置信息的实例
利用百度地图API可以做很多事情,个人感觉最核心也是最基础的就是定位功能了.这里分享一个制作的JS可以实现登录网页后定位: var map; var gpsPoint; var baiduPoint; ...
项目一、调用百度地图api实现电子围栏和报警信息关联
前段时间香克斯去实习去了,由于一些原因只实习了12天,不过第一次实习,觉得还是有必要记录一下.事先声明,这个博客也是获得同意的,目前这个项目完成度还不是很高,有的地方我的想法不成熟的,希望大家多多提意 ...
在vue中使用百度地图API：区域显示3D棱柱、地点标注、信息提示
文章目录 1.在vue中引入百度地图的script 2.生成想要的地图样式 3.生成地图 4.创建3d棱柱 5.设置标记点和提示框 6.代码总结 1.在vue中引入百度地图的script 在publi ...
教你用百度地图API抓取建筑物周边位置、房价信息（附代码）
来源:大数据挖掘DT数据分析本文共2465字,建议阅读5分钟. 本文为大家解读怎样用脚本与百度API的交互,爬取百度地图的数据. 需求描述对于数据挖掘工程师来说,有时候需要抓取地理位置信息,比如统 ...
Android通过百度地图API用Service和Alarm在后台定时获取地理位置信息
本文主要介绍了Android项目集成百度地图API,使用AlarmManager定时调用Service,在Service中请求坐标更新,并通过坐标得到省.市和县三级地理位置信息的方法. 程序结构很简单 ...

百度地图API--信息窗口

百度地图API--信息窗口相关推荐

最新文章

热门文章