zn_xgj 2022-03-01 10:43 采纳率: 100%
浏览 761
已结题

百度地图如何实现修改覆盖物层级

想要实现的功能:鼠标当前悬浮的覆盖物层级最高

不太清楚百度地图的覆盖物点的渲染顺序,如下图:marker1是先渲染的但还是覆盖到了marker2的上面;

img

使用的百度地图是v3的webgl类型的,有想法的欢迎回复啊~~ 感谢!

  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2022-03-01 11:58
    关注

    添加mouseover事件,调用setZIndex方法设置下层级就行了

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title>添加点标记</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
        <style>
            body,
            html,
            #container {
                overflow: hidden;
                width: 100%;
                height: 100%;
                margin: 0;
                font-family: "微软雅黑";
            }
        </style>
        <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>
    </head>
    <body>
        <div id="container"></div>
    </body>
    </html>
    <script>
        var map = new BMapGL.Map('container');
        map.centerAndZoom(new BMapGL.Point(116.404, 39.928), 14);
        map.enableScrollWheelZoom(true);
        // 创建点标记
        var marker1 = new BMapGL.Marker(new BMapGL.Point(116.404, 39.914));
        var marker2 = new BMapGL.Marker(new BMapGL.Point(116.404, 39.915));
        // 在地图上添加点标记
        map.addOverlay(marker1);
        map.addOverlay(marker2);
      var zindex=1;
      function setZIndex(){this.setZIndex(zindex++);}
      marker1.addEventListener('mouseover',setZIndex)
      marker2.addEventListener('mouseover',setZIndex)
    </script>
    
    

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月9日
  • 已采纳回答 3月1日
  • 创建了问题 3月1日

悬赏问题

  • ¥15 高价求抖音抓包技术,抖音抓包无网络问题
  • ¥15 【matlab】已知功率谱密度反求时域信号
  • ¥15 mindspore项目_模型适配
  • ¥15 openstack使用cinder后,实例运行时分配的总空间不能大于ceph的总空间
  • ¥15 [pcl::PLYWriter::writeASCII] Error during opening (?鶂?)!
  • ¥15 得到XY两轴的数据如何绘制成圆,输入整形器
  • ¥29 PHP读取PDF文件添加多个数字签名
  • ¥25 联邦学习vgg修改最后一个全连接层报错(默认是1000个输出,我的改为11就报错,改为200就没问题)
  • ¥15 maple画图问题,为什么会是这样
  • ¥15 RC522开发arduino作品刷卡失效