使用BMap.Label给百度地图的BMap.Marker上加上数字序号
2017-11-30 18:36
387 查看
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; } }
相关文章推荐
- 用类封装精灵的操作,并实例化各种精灵对象 精灵的数字序号使用单例模式的数字生成器实现
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- 百度地图覆盖物Marker与infoWindow的使用
- 使用百度地图聚集marker时出现的"Object has no method removeEventListener"解决
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- 百度地图去掉marker覆盖物或者去掉maker的label文字方法
- 使用group by 统计的排行榜时,加上一个序号
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- 在一个div上同时使用百度地图bmap和Echarts
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- 使用vue的v-for生成table并给table加上序号的实例代码
- Android 程序开发——百度地图的使用(四) 添加有实体类的marker 标记图层
- 百度地图 Android SDK - 标注(Marker)的基本使用
- google map api v3 的marker使用label的方法(markerwithlabel的使用)
- Android 百度地图 SDK v3.0.0 (三) 加入覆盖Marker与InfoWindow使用
- IOS 百度地图开发 大头针标数字 大头针(标注)以及折线的基本使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用
- Android 百度地图 SDK v3.0.0 (三) 添加覆盖物Marker与InfoWindow的使用