使用BMap.Label给百度地图的BMap.Marker上加上数字序号
2019-08-01 20:11
615 查看
原文链接:https://www.geek-share.com/detail/2723038160.html
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上加上数字序号
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- 百度地图实现marker显示数字
- android百度地图 添加覆盖物Marker与InfoWindow的使用
- 使用vue的v-for生成table并给table加上序号的实例代码
- 使用百度地图开源库mapv,绘制marker过程中的遇到的坑
- 百度地图 - 使用marker.setIcon设置标注的图标
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- 百度地图 Android SDK - 标注(Marker)的基本使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- 弹框中使用百度地图BMap.Autocomplete,下拉提示框被覆盖问题解决
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- 【百度地图】使用LocalSearch获取返回Marker及自定义结果面板
- Android——将每三个数字加上逗号处理(通常使用金额方面的编辑)
- Android 百度地图 SDK v3.0.0 (三) 加入覆盖Marker与InfoWindow使用
- 百度地图去掉marker覆盖物或者去掉maker的label文字
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- 在一个div上同时使用百度地图bmap和Echarts