echarts引入百度地图通过脚本bmap.min.js解决关闭底图可点功能的底层解决方案

最新推荐文章于 2024-06-27 16:23:14 发布
最新推荐文章于 2024-06-27 16:23:14 发布
阅读量2.5k 收藏
点赞数 1
分类专栏： 地图开发 echarts
LOCKDATAV出品，为避免断章取义走弯路，请注意环境配置和时间。
本文链接：https://blog.csdn.net/weixin_41290949/article/details/106276240
版权

在这里插入图片描述
默认的bmap.min.js是延续百度地图开启可点功能的，为了在echarts中关闭可点功能，需要修改bmap.min.js，具体文件见《bmap.min.js》
需要添加如下MapOptions：

, {
enableMapClick: false
}

见：
在这里插入图片描述
Done!

漏刻有时
关注
专栏目录
ECharts 百度地图扩展插件bmap.min.js，可以在百度地图上展现 点图，线图，热力图 等可视化。
07-02
ECharts 之前提供下载的矢量地图数据来自第三方，由于部分数据不符合国家《测绘法》规定，目前暂时停止下载服务。建议大家使用以百度地图为底图的形式，需要引入扩展插件bmap.min.js,扩展主要提供了跟 geo 一样的坐标系和底图的绘制
百度地图开发二
G_ruirui的博客
10-21 575
初识二点聚合 点聚合 1.需要引入MarkerClusterer_min.js和textIconOverlay.js <script src="js/bmap/textIconOverlay/textIconOverlay.js"></script> <script src="js/bmap/MarkerClusterer_min.js"></script> 2.js var data=[]//数据 var markers = [];var pointsln
百度地图 JavaScript API GL + mapV GL + bmap-draw 实现地图聚合点以及聚合点框选功能开发
最新发布
kntqaq的博客
06-27 1671
使用百度地图 JavaScript API GL + bmap-draw + mapV GL 工具包开发地图的一系列功能，包括聚合点、地图框选功能
bmap.min.js
05-22
echarts引入百度地图，通过脚本bmap.min.js解决默认开启底图可点功能的底层修改
Echarts 地图扩展插件 bmap.min.js
08-07
echarts调用百度地图JS(bmap.js+world.js+china.js).zip
02-10
通过引入`bmap.js`，开发者可以在ECharts实例中创建和操作百度地图。例如，你可以创建地图实例，设置地图中心点，调整缩放级别，添加标记，甚至设置地图的拖拽、双击缩放等交互行为。这个文件是ECharts与百度地图...
百度地图扩展包bmap.js
06-19
百度地图扩展包，可用于Echarts使用百度地图作为底图。ECharts是一个使用 JavaScript 实现的开源可视化库。
百度地图bmap.js
09-05
是echarts和百度地图结合时需要导入的百度地图的js文件
百度地图资源bmap.js
03-20
百度bmap.js,实测可用，欢迎下载。 是echarts和百度地图结合时需要导入的百度地图的js文件
世界地图bmap.js
05-25
世界地图bmap.js
Echarts特殊图表：bmap.min.js加载乡镇geojson边界互动的实战案例
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
12-10 1225
项目需求 在百度地图上，加载某区县的乡镇边界，予以高亮显示； 其余区域暗色显示； 每个乡镇区域都有互动的锚点链接； 开发准备 区县的乡镇边界geojson地理数据文件的获取； geojson经纬度坐标系的转换：获取的geojson来源不同，坐标系也有可能不同，比如wgs-84、CGC2000等标准，统一转化为BD-09百度坐标系，否则容易出现偏移错位； 覆盖不全：百度地图自动获取的边界可视区域和获取的geojson，由于绘制精细度或坐标系转换过程中的误差，会出现无法完整覆盖的情况，倒是正常情况。 .
数据可视化大屏Echarts高级开发散点图实战案例分析（地图扩展插件bmap.min.js、散点图、百度地图控件、柱图、涟漪动图、条件判断颜色）
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
01-03 1157
百度地图和echarts的结合使用，是数据可视化大屏开发过程中最亮眼的搭配组合，而连接两者之间关系的就是bmap.js。百度地图的引入；百度地图个性化配置；echarts组件bmap的调用和参数设置；echarts散点图组件的调用；echarts路径图组件的调用；按照数据的不同条件判断柱图颜色；
插件使用 之 Bmap
weixin_30412577的博客
11-20 356
Bmap 百度地图 引入 <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=y4PT8G6QkwtkVU7p5P26O8azvuRXg9Lz"></script> <script type="text/javascript" src="http://ap...
echarts 引入百度地图
07-25
要在 ECharts 中引入百度地图，可以按照以下步骤进行操作： 1. 首先，在 HTML 文件中引入百度地图的 JavaScript API。你可以在百度地图开放平台申请一个密钥，并将其替换为以下代码中的 YOUR_BAIDU_MAP_API_KEY： ```html <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=YOUR_BAIDU_MAP_API_KEY"></script> ``` 2. 在引入 ECharts 的 JavaScript 文件之后，还需要引入百度地图的 ECharts 扩展。你可以通过以下方式引入扩展： ```html <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script> ``` 3. 在创建 ECharts 实例之前，需要在配置项中指定百度地图的类型。示例如下： ```javascript var myChart = echarts.init(document.getElementById('chart')); var option = { bmap: { center: [104.114129, 37.550339], zoom: 5, roam: true }, series: [ { type: 'scatter', coordinateSystem: 'bmap', // 其他配置项... } ] }; myChart.setOption(option); ``` 在上述示例中，我们通过在配置项中设置 bmap 属性来指定百度地图的相关参数，如中心点坐标、缩放级别和漫游（roam）设置。然后，在 series 中的图表类型中指定 coordinateSystem 为 'bmap'，表示该图表使用百度地图作为坐标系。 这样，你就可以在 ECharts 中成功引入百度地图了。记得根据你的实际需求进行配置和调整。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

漏刻有时

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值