使用BMap.Label给百度地图的BMap.Marker上加上数字序号

        marker = new BMap.Marker(pointList[i])marker.setLabel(getNumberLabel(i));function getNumberLabel(number) {var offsetSize = new BMap.Size(0, 0);var labelStyle = {color: "#fff",backgroundColor: "0.05",border: "0"};//不同数字长度需要设置不同的样式。switch((number + '').length) {case 1:labelStyle.fontSize = "14px";offsetSize = new BMap.Size(4, 2);break;case 2:labelStyle.fontSize = "12px";offsetSize = new BMap.Size(2, 4);break;case 3:labelStyle.fontSize = "10px";offsetSize = new BMap.Size(-2, 4);break;default:break;}var label = new BMap.Label(number, {offset: offsetSize});label.setStyle(labelStyle);return label;}}

转载于:https://www.cnblogs.com/AsionTang/p/7930479.html

使用BMap.Label给百度地图的BMap.Marker上加上数字序号相关推荐

百度地图API BMap.Convertor().translate()的回调函数不执行
通过wx.getLocation且type为wgs84获取用户的当前wgs84坐标系经纬度,然后通过百度地图的BMap.Convertor().translate()的api来将用户wgs84坐标系的 ...
百度地图创建标注marker，最优缩放级别
百度地图创建marker坐标,添加自定义标注: //首先要引入百度api <script type="text/javascript" src="http://ap ...
百度地图改变/替换marker图标
在没有绘制marker之前,你可以自定义图标 var perIcon = new BMap.Icon(per, new BMap.Size(32, 32));//per是引入的本地图标文件,也就是你想 ...
vue使用百度地图（BMap）去掉百度地图的标志。
在使用百度地图的文件,加上如下CSS标志即可: .BMap_cpyCtrl {display: none; } .anchorBL {display: none; } 如果在使用的文件加上面的代码不生 ...
百度地图点击marker换图标的两种方式
首先在页面把要替换的图标引入 import newIcon from "../../../../static/image/startIcon.png" 第一种方式:使用百度地图ap ...
百度地图多个marker标点+点聚合
百度地图api地址:http://lbsyun.baidu.com/ 案列网址: http://api.azcity.cn/api/v1.index/point 添加多个marker var opts ...
百度地图API : 修改marker图标(icon)
var map = new BMap.Map("map"); // 创建地图实例 var point = new BMap.Point(116.404, 39.915); // 创 ...
android地图入门,android 百度地图入门01 (史上最详没有之一)
最近一直和百度地图打交道,写几篇博客记录一下吧,目前最新版是4.0的 ,之前我用的是3.7的, 就以4.0的为例说一下最基本的配置流程吧. 一.准备工作 1.申请一个百度地图开发者账户--地址:htt ...
百度地图－修改marker图标(icon)
var map = new BMap.Map("map"); // 创建地图实例 var point = new BMap.Point(116.404, 39.915); // 创 ...

使用BMap.Label给百度地图的BMap.Marker上加上数字序号

使用BMap.Label给百度地图的BMap.Marker上加上数字序号相关推荐

最新文章

热门文章