地图找房（二）01——百度地图-添加覆盖物基本用法

地图找房——百度地图-添加覆盖物基本用法

• 地图添加覆盖物基本用法

  地址：https://lbsyun.baidu.com/jsdemo.htm#eAddLabel

// 设置地图的覆盖物
let opts = {
  // 指定文本标注所在的地理位置
  position: point,    
  // 设置文本偏移量
  offset: new window.BMap.Size(-30, -30)    
}
// 创建文本标注对象
let label = new window.BMap.Label("欢迎使用百度地图", opts);
label.setStyle({
  color : "red",
  fontSize : "12px",
  height : "20px",
  lineHeight : "20px",
  fontFamily:"微软雅黑"
})
// 添加覆盖物
map.addOverlay(label) 

• 覆盖物样式调整

let content = `
  <div class='${styles.labelContent}'>
    <div>海地区</div>
    <p>100套</p>
  </div>
`
let label = new window.BMap.Label(content, opts);
label.setStyle({
  height : "0px",
  width: '0px'
})

地图覆盖物效果