echarts百度地图扩展

Jing_Ging 2017-04-21 12:18:29

最近在研究echarts，然后看到有关于百度地图API的扩展方法，于是就去了解了一下百度地图API。可是不理解的是，
问题一：百度地图的API里也有添加标记点、添加弧线等功能，那为什么要跟echarts结合起来呢？
问题二：看了echarts的官方示例，里边涉及到百度地图扩展的只是对百度地图的样式进行了设定，那其他百度地图API比如说添加标记点、添加文本等功能还可以使用么，如果可以的话，它和用echarts添加的效果冲突么，或者该怎么同时使用echartsAPI和百度地图API呢？
请各位前辈不吝赐教，十分感激您的指教！

...全文

164 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

ECharts是一个使用JavaScript实现的开源可视化库，能够提供直观、生动、可交互、可高度定制的数据可视化图表。它被广泛应用于企业报告、数据监控、信息图表、金融分析等多种场合。坐标系可以分为地理坐标系和投影坐标系：地理坐标系：以经纬度表示地球表面位置，如WGS84坐标系。投影坐标系：将三维地球表面投影到二维平面上，如Web墨卡托投影。选择合适的坐标系对于确保地图的准确性和用户的使用体验至关重要。例如，在展示大范围的地理信息时，Web墨卡托投影能较好地保持形状和面积比例。

最近在使用echarts地图时遇到诸多问题，现纪录如下：项目基于 "@angular/cli":"~9.0.2" &&"echarts":"^4.7.0"。使用的官方示列，这个示列结合百度地图，在项目中引用echarts后，简单示列显示正常，之后想尝试复杂示列的显示，选择了这个地图，将官方数据拷贝过来后显示如下：只有标题显示，地图不显示，在官方教程没有...

echarts,map,百度地图扩展 github：https://github.com/Gladysgong/echarts-map 本文首发于我的博客：http://gongyanli.com/echarts-map-%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BE%E6%89%A9%E5%B1%95/ 一、worldMap.html–世界地图依赖

1，在通过Echarts做地图操作的时候有三种方式：1种是利用Echarts官网的地图文件（js，json）地图导入到页面中进行展示，这些例子官网很多。还有就是SVG图片结合Echarts，这种操作在Echarts3.0之后我不是很清楚，所以在Echarts的2.2.7版本时可以这么做：在js中创建Echarts的基本环节，然后通过ajax读取svg然后再回调里面进行操作。第三种就是：利用百度

1.npm安装echarts：npm install echarts --save 2. 在main.js中引入echarts： import Echarts from 'echarts' Vue.prototype.echarts = Echarts Vue.use(Echarts) 安装百度地图：参照另一篇文章步骤。在需要的组件中引入： import BMap from 'BMap' ...

87,989

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章