前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >百度地图总结

百度地图总结

作者头像
全栈程序员站长
发布2022-06-29 18:49:02
1.6K0
发布2022-06-29 18:49:02
举报
文章被收录于专栏:全栈程序员必看

公司做大数据展示需要用百度地图,使用的一点心得体会:

1.首先是百度官网申请ak秘匙,我这里有两个

2.百度地图例子参考多看

http://lbsyun.baidu.com/index.php?title=jspopular/guide/widget

3.百度地图 JavaScript API 要熟

http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a3b9

4.百度地图个性化地图在线编辑(非常有用,里面的案例怎么设置的一定要参考)

使用指南:http://lbsyun.baidu.com/img-editor.html

在线编辑地址:http://lbsyun.baidu.com/custom/

5.echarts万能图表,相当实用

下面总结一些操作百度的方法:

1.百度地图去掉marker覆盖物或者去掉maker的label文字

代码语言:javascript
复制
var marker = new BMap.Marker(...);
//方法1
map.removeOverlay(marker);
//方法2
marker.remove(); 
//如果是Marker设置的setLabel还可以设置其样式来隐藏  
mapComponent.state.bikeMarkLabel.setStyle({
    display:"none"
});

label与marker的方法相同。 建议使用方法1和方法2,方法3只是隐藏而不是清除

2.百度地图获取所有覆盖物

代码语言:javascript
复制
map.getOverlays()
代码语言:javascript
复制
let allOverlay = map.getOverlays()
      for (let overlay of allOverlay) {
        if (overlay instanceof BMap.Label) {
          overlay.enableMassClear()
        } else {
          overlay.remove()
        }
      }

overlay instanceof BMap.Label 判断覆盖物的类型

具体可以参考:http://developer.baidu.com/map/jsdemo.htm#h0_3

3.自定义信息窗口

百度给了一个参考例子:

http://api.map.baidu.com/library/InfoBox/1.2/examples/InfoBox_House.html

4.自定义标注

百度给了文档:http://lbsyun.baidu.com/index.php?title=jspopular3.0/guide/custom-markers

注意:自定义后方法 disableMassClear(),enableMassClear() 是没有的

enableMassClear()允许删除 , 可以用 overlay.remove()方法代替

disableMassClear()是禁止删除,建议如果覆盖物需要用此方法,还是不要用自定义的控件,

可以用label标注,添加html内容自定义你想要的图形,没必要自定义标注,后期会一直报

disableMassClear() is not function

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/101505.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021年6月1,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.百度地图去掉marker覆盖物或者去掉maker的label文字
  • 2.百度地图获取所有覆盖物
  • 3.自定义信息窗口
  • 4.自定义标注
    • 注意:自定义后方法 disableMassClear(),enableMassClear() 是没有的
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档