关于百度地图最大层级聚合点鼠标覆盖弹出对话框需求实现

需要的开源库
1.MarkerClusterer.js ：计算聚合点的生成
2.TextIconOverlay.js ：聚合点的图标

需求：

1. 点击聚合点 判断是不是最大层级；如果不是最大层级，继续点击，如果是最大层级则不能点击，鼠标覆盖聚合类的图标。图标发生改变，同事弹出框，鼠标可以点击框里面的每一项的数据；

实现方法：

1，判断是不是最大层级需要在实例化聚合类的时候增加参数maxZoom:20；因为百度地图最大是19层级；

new BMapLib.MarkerClusterer(map, {
markers: markers,
maxZoom: options.maxZoom || 20,
margins: options.margins || [90, 500, 80, 400]
});
判断最大层级的方法：map.getZoom();可以返回当前地图的最大层级；

2.鼠标覆盖图标改变；
需要修改 TextIconOverlay.js源码；源码可以很容易理解。
TextIconOverlay 里面有鼠标覆盖和移出的事件。具体代码鉴于公司保密不贴出来。初始化的时候也可以改，如果你是使用的是框架的话需要把静态图标放到public文件不参与编译，不然文件名字发生变化。

3.弹框的实现是采用的label；通过marker点来获取所有聚合点下的数据；

关于百度地图最大层级聚合点鼠标覆盖弹出对话框需求实现相关推荐

Echart + 百度地图实现区域聚合（Vue版）
Echart + 百度地图实现区域聚合(Vue版) 百度地图的聚合很简单,但是根据区域聚合怎么实现呢?结合Echart的百度地图怎么实现区域聚合呢? 单独玩过Echart,也单独用过百度地图,但是两个 ...
vue实现echarts树图修改节点图片，修改连线颜色，鼠标悬停显示详情，鼠标右键弹出菜单，搜索，导出PNG，高亮，查看节点是否还有子节点，修改树图的展示方式
其实这些效果之前都有用js写过,但是最近在写vue项目,里面的些许语法还是有些不一样的,所以还是写一遍文章总结一下,下次遇到就可以直接用了. 如果想看js写法,可以看我别的文章首先,实现效果入下图: ...
java鼠标右击出现选择窗口_java菜单代码 java中鼠标右击弹出菜单怎样实现
帮忙给一个java菜单栏例子的源代码给你个小例子,已经添加注释了.自己运行下看看效果,满意的话记得结贴子. import java.awt.BorderLayout; import java.awt ...
arcgis for js 4.X自定义气泡点击地图对象弹出对话框
题目的意思是,arcgis for js 4.X自定义气泡,点击地图对象弹出对话框,而不是弹出气泡.对话框是vue页面组成的自定义对话框,不是地图页面的对象. 基本思路: 1)气泡模板(PopupTe ...
idea UML类图不能使用鼠标右键弹出菜单
正常情况使用idea的UML类图是可以用鼠标右键弹出菜单栏的: 如果你的idea不行的话,可以检查下面的配置: Preferences -> Keymap -> show context ...
jquery鼠标经过弹出层写法
jquery鼠标经过弹出层写法 $(".navitem").hover(function(){ $(this).children('a').next('.navitemlist') ...
百度地图端午出行报告：拼假出游，出程拥堵返程宽松
端午节期间,大家更喜欢去哪儿玩?百度地图智慧交通团队发布<2017年端午节出行预测报告>,基于海量位置服务数据.地理大数据和路况大数据,通过多维度分析挖掘做出预测,总结起来有两个关键词,& ...
采用百度地图|js实现行车轨迹、覆盖类等。
效果图: 一.引进js <script type="text/javascript" src="${cxt!}/static/wxweb/oil/js/jquery ...
DataGrid分页;指定列的总和和平均值;显示鼠标背景色;弹出式窗口;
1 在页脚中添加指定列的总和和平均值 private void dgitem_ItemDataBound() { if(e.Item.ItemIndex >=0) { ...

关于百度地图最大层级聚合点鼠标覆盖弹出对话框需求实现

需求：

实现方法：

关于百度地图最大层级聚合点鼠标覆盖弹出对话框需求实现相关推荐

最新文章

热门文章