百度地图添加文本标记

添加文本标记还是很有用处的用来给我们的地图上进行标记然后给用户一些提示啥的

这个百度直接给我封装好了 api 直接调用就显示出来了官网介绍也很清晰我在自己的博客中保存一份然后方便以后查看嘻嘻

不过记住引入的是js GL 版本的百度地图

var map = new BMapGL.Map('container');
map.centerAndZoom(new BMapGL.Point(116.280, 40.049), 18);
map.enableScrollWheelZoom(true);
var opts = {position: new BMapGL.Point(116.2787, 40.0492), // 指定文本标注所在的地理位置offset: new BMapGL.Size(30, -30) // 设置文本偏移量
};
// 创建文本标注对象
var label = new BMapGL.Label('欢迎使用百度地图JSAPI GL版本', opts);
// 自定义文本标注样式
label.setStyle({color: 'blue',borderRadius: '5px',borderColor: '#ccc',padding: '10px',fontSize: '16px',height: '30px',lineHeight: '30px',fontFamily: '微软雅黑'
});
map.addOverlay(label);

关注我持续更新前端知识

百度地图添加文本标记相关推荐

百度地图添加文本标注显示文字
一.业务场景通过百度地图API的 label 添加文本覆盖物,用于显示 marker点位的描述信息.并控制 label 的显示,鼠标移入点位的时候显示文字,不移入点位的时候不显示文字.去掉背景颜色框 ...
百度地图添加文本标注+信息窗口
效果图: 网页效果:添加文字标签需求: 页面展示marker marker旁边有标注点击marker时有弹窗提示具体信息鼠标移除时关闭弹窗提示 <!DOCTYPE html> < ...
百度地图添加多个marker点位标注
百度地图添加多个marker点位标注新建一个TMap.js文件 export function TMap(key) {return new Promise(function (resolve, re ...
百度地图添加行政区域
找资料的时候看到很多大佬写过关于百度地图添加行政区域但是由于我的是离线地图直接用百度地图api获取不到,所以自己写了一遍记录一下. function getBoundary(){ var areas ...
百度地图添加标识物，并能控制标识物显示/隐藏
百度地图添加标识物,并能控制标识物显示/隐藏 <%@ page contentType="text/html;charset=UTF-8"%> <%@ inclu ...
百度地图添加工具条、比例尺控件
百度地图添加工具条.比例尺控件 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-T ...
百度地图：为标记添加点击事件显示标注
之前写了百度地图的标注,原文链接:使用百度地图API实现地图生成.标记以及标注,但是因需求更改,标注的显示需要通过点击标记才能显示. 以下为更改内容: //给标记添加点击事件以及显示窗口信息var i ...
百度地图添加自定义点标记、文本标注、点标记
网页效果:添加文字标签工作中遇到百度地图做相关的需求,在此做记录分享 <!DOCTYPE html> <html lang="zh-CN"> <he ...
百度地图添加标注及图标拖拽及给标注添加右键
功能要求:拖动地图上的图钉时,在某个位置进行标注.并给标注添加右键操作属性. [1]图标拖拽事件 var myIcon = new BMap.Icon("${ctx }/images/map ...

百度地图添加文本标记

百度地图添加文本标记相关推荐

最新文章

热门文章