![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
百度地图+echarts
百度地图+echarts
我兔威武
哒哒哒哒
展开
-
关于百度地图api的v3.0
demo() { let that = this; var driving =new BMap.DrivingRoute(that.bmap, { onSearchComplete: function(results){ if (driving.getStatus() == BMAP_STATUS_SUCCESS) { // 方案描述 var plan = res.原创 2020-09-23 14:25:24 · 1128 阅读 · 0 评论 -
关于在vue项目中添加echarts图表的问题(动态数据 + 时间坐标轴)
官网给出的代码是这样的(option收起来了)官网实例代码我修改了几处,大致是:下方是具体代码 random_Data() { //把代码封装到一个方法里 function randomData() { now = new Date(+now + oneDay); value = value + Math.random() * 21 ...原创 2020-04-09 15:21:36 · 3207 阅读 · 10 评论 -
echarts百度地图的颜色
官网实例 mapStyle: { styleJson: [ { featureType: "water", elementType: "all", stylers: { color: "#d1d1d1" } }, { .原创 2020-07-14 09:30:58 · 1437 阅读 · 1 评论 -
百度地图的marker无法点击
.BMap_cpyCtrl { display: none;}.BMap_noprint { display: none;}不能点击主要是因为我的css里面多了这几行代码,然后我在网上找了好久没找到解决方法,心态都崩了原创 2020-07-17 15:07:12 · 1240 阅读 · 5 评论 -
vue项目奖tab切换echarts图表大小不正常
这是tab切换的两张图片,第一个tab是正常的,第二个就出问题了,代码是一毛一样原因:在页面进行加载时,隐藏的图表找不到对应的div大小,所以默认给了一个大小。而这个默认宽度很小,所以导致echarts图表显示不完全。解决方法:我用的是vue,一开始切换用的是v-show,可以换成v-if,大家都应该知道区别了,这里不再过多赘述此法若不合适请自行百度其他方法...原创 2020-09-28 11:22:16 · 1235 阅读 · 0 评论 -
vue项目百度地图+echarts的涟漪水波效果
<template> <div class="content"> <div id="allmap" class="map" ref="map" ></div> </div></template><script>import echarts from "echarts";import "echarts原创 2020-05-11 13:59:01 · 1084 阅读 · 0 评论 -
echarts的使用
选择第一种方法下载echarts.min.js如果不需要太多的模块或者组件的话,选择定制比较合适选择图表、坐标系和组件选择好了点击下载即可更新中的几个小问题1.折线图堆叠,纵坐标与真实值不符解决方法:删除series:[] 里面的 stack的值或者修改为不同的值,如下图...原创 2020-03-24 14:52:10 · 176 阅读 · 0 评论 -
Echarts x轴字体倾斜和竖直显示
有时候图标所占面积太小会且x轴标签文字过多导致显示不全,x轴字体倾斜就派上用场了此时只要修改xAxis.axisLabel 属性即可axisLabel: { interval:0, rotate:40}如果字体倾斜还不行,还可以文字竖直显示axisLabel: { interval: 0, formatter:function(value) { ...原创 2020-04-20 17:56:32 · 2189 阅读 · 1 评论 -
地图页面打开时间过长后卡顿
最近做了个项目,页面中间放了块地图,结果打开半个小时后就卡死了,然后我就开始找解决办法one thousand years later…一开始以为是不是内存泄漏,嗯,不是然后再看是不是一直在增加dom节点,嗯,不是是不是因为没有清除图层、marker什么的,嗯,不是此时我已经疯了后来发现最右侧的数据一直在疯狂飞增加,半个小时后已经增加到了一个天文数字我心想是不是这个问题啊,然后和同事探讨了一下,他表示应该是,然后就在找发生这种情况的原因,在我一个函数一个函数的debug后发现。这个是因为wa原创 2020-10-30 17:00:58 · 1209 阅读 · 1 评论 -
百度地图最佳视野(笔记)
map.setViewport(point);原创 2021-03-10 17:15:54 · 418 阅读 · 0 评论 -
echarts 动态数据 + 时间坐标轴
echarts官网的动态数据 + 时间坐标轴实例的横坐标时间并不是当前时间,我对此进行了一些修改vue项目此图标的横纵坐标和title颜色都为白色横坐标加上了倾斜效果function randomData() { now = new Date(+now + 1000); value = value + Math.random() * 21 - 10; return { name: now.toString(),原创 2020-05-11 13:31:07 · 4731 阅读 · 2 评论 -
百度地图api关于标注和覆盖物
添加跳跃的标识let point = new BMap.Point(116.49913,39.932863);let marker = new BMap.Marker(point);this.map.addOverlay(marker); // 将标注添加到地图中marker.setAnimation(BMAP_ANIMATION_BOUNCE);// 标注可以跳动添加圆形覆盖物 ...原创 2020-04-22 14:53:19 · 1183 阅读 · 0 评论