百度地图总结

百度地图总结

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

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

http://lbsyun.baidu.com/apiconsole/key?application=key

百度地图总结

 

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文字

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.百度地图获取所有覆盖物

map.getOverlays()
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.net/101505.html原文链接:https://javaforall.net

(0)
上一篇 2021年6月10日 上午10:00
下一篇 2021年6月10日 上午11:00


相关推荐

  • wps合并重复项并求和_Excel中重复项求和的方法

    wps合并重复项并求和_Excel中重复项求和的方法在 Excel 统计数据时 经常会碰到重复项反复出现 很干扰视线 想要对重复项进行合并并求和 那要如何操作呢 下面 小编跟大家详细讲解 Excel 合并重复项数据并求和的操作方法 首先打开一个需要处理的 Excel 表格 比如对下列表格中相同型号的数量合并求和 先鼠标选中 A 列中所有的型号 A 列的数据复制粘贴到到空白的 E 列中 然后点击 数据 删除重复项 如图所示 在弹出的窗口选择列 E 并点 删除重复项

    2026年3月17日
    2
  • 如何做POC测试

    如何做POC测试POC 测试 即 ProofofConce 是针对客户具体应用的验证性测试 特别是在应用系统选型阶段 一些大型企业的业务流程比较复杂 并非单一的功能性演示就能覆盖现实的业务需求 这时候需要事先划定一个小范围的实验对象 但是业务逻辑的复杂性要有典型性 有代表性 通过小范围的项目导入与实施 从真实业务的实践到战略意图的实现 来验证系统方案是否能满足用户的需求 从而做出更客观更准确的判断 为什么要进行 POC 测试 POC 是企业对产品选择的一个重要参考依据 最核心的是考察产品是否符合企业的实际需求 另外也侧面

    2026年3月19日
    2
  • 关于Thread.IsBackground属性的理解

    关于Thread.IsBackground属性的理解C#中,Thread类有一个IsBackground的属性.MSDN上对它的解释是:获取或设置一个值,该值指示某个线程是否为后台线程。个人感觉这样的解释等于没有解释..Net中的线程,可以分为后台线程和前台线程。后台线程与前台线程并没有本质的区别,它们之间唯一的区别就是:后台线程不会防止应用程序的进程被终止掉。呵呵,这句话读出来好像并不那么好懂.其实,说白了就是当前台线程都结束了的时候,…

    2022年10月16日
    7
  • model.addattribute()的作用___attribute__()

    model.addattribute()的作用___attribute__()在前台用JS写的脚本方法,除了可以直接用在前台控件的属性中,还可以在后台运用。即在后台页面加载时,调用JS方法。语法格式有两种,如下:1.第一种写法:控件ID名.Attributes.Add(“事件名称”,“JS方法”);如:一个按钮控件Button1.Attributes.Add(“onclick”,“returnconfirm(‘确认?’)”);2.另一写法…

    2026年4月14日
    9
  • Cudnn安装详细步骤「建议收藏」

    Cudnn安装详细步骤「建议收藏」cudnn安装注意点:cudnn的安装其实很简单,关键点是一定要安装cuda对应的cudnn包,本机中安装的cuda7.5所以对应的cudnn为v5.1这很重要,我就是安装错了版本,导致后面caffe的编译总是出错。cudnn安装步骤:1、从官网上下载cudnn的安装包。2、将安装包解压,将此安装包放在home路径下即可,并在当前路径下进行解压,解压后的文件夹名为cuda。

    2022年6月1日
    221
  • intellijidea激活码 2022-激活码分享[通俗易懂]

    (intellijidea激活码 2022)JetBrains旗下有多款编译器工具(如:IntelliJ、WebStorm、PyCharm等)在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

    2022年3月31日
    651

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号