- 博客(11)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 百度地图Mapv 解决浏览器缩小后 右侧和下方残影问题
context.canvas.width 和 context.canvas.height 与容器实际的宽度高度不相等，所以导致页面右侧和下方残留上次的影像。解决办法也很简单，给clearRect传入正确的容器宽高度即可。项目中遇到一个难题，当浏览器缩小时，百度地图右侧和下方残留重影。
2023-06-19 17:37:56
483
1
原创 echarts折线图，解决断点问题
echarts折线图如果后台返回的数据为null或者非法时，折现会出现断裂情况，解决办法非常简答，只需要在serise内增加一个属性connectNulls，并设置为true即可series: [ { data: [820, 932, 901, 934, 1290, null, 1330, 1320], type: 'line', connectNulls:true, smooth: true } ]...
2022-02-14 14:15:14
3984
原创 阻止微信下拉
阻止微信下拉：document.body.addEventListener('touchmove', function (e) { e.preventDefault();}, { passive: false });
2022-02-11 17:06:53
167
原创 百度地图自定义信息窗口样式
在项目中，UI经常会把弹窗做自定义设计，那么如何实现自定义样式的地图弹窗呢，废话补多少，直接上代码1、引入依赖文件<script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=你的AK"></script><script type="text/javascript" src="js/InfoBox_min.js"></script>2、创建地图容器<
2022-02-11 16:40:29
4970
3
原创 实现第一人称视角动画跟踪
项目中要求，实现动画在执行过程中，视角一直跟随动画，有两种实现办法一、利用trackedEntity实现 that.trackedEntity = viewer.entities.add({ id: 'tracked-entity', position, point: { pixelSize: 5, show: true, // 不能设为false },
2021-03-29 10:03:20
1446
1
原创 cesuim利用插值实现平滑拐角 cesium
在近期的一个项目中要实现 根据后台数据生成轨迹动画，但是后台返回的数据在拐角处非常生硬，如下图动画在拐角的地方会突然变化方向，想要实现动画平滑的拐角，想要后台完善数据是不可能的了，只能自己想办法，查了很多资料，推荐使用创建插值的方法。在Cesium官网中介绍了3中插值的使用方式，分别是：LinearApproximation、LagrangePolynomialApproximation、HermitePolynomialApproximation，相应的代码如下：// LinearAppro
2021-03-26 10:29:34
3842
2
原创 echarts笔记-3，饼图点击事件
项目中用到给不同的扇区添加点击事件echart2.on('click', function (param) { console.log(param) if(param.data.dataType === '日平均'){ if(param.na...
2019-09-23 17:23:38
886
原创 echarts笔记-2，嵌套饼图
嵌套饼图和单个饼图差别不大，需要之一的是，如果使用嵌套饼图，只能有一个标题和一个图例，因为虽然是两个饼图，但是是一个echarts实例需要注意的地方：1. 注意外外部饼图和内部饼图的关系，如果外部饼图是内部饼图的细分，注意内外饼图的配色。2. 注意标签的位置，饼图的默认标签在外部，嵌套饼图使，内饼图标签最好设置在内部。myChart = echarts.init(docu...
2019-09-05 17:49:56
1696
1
原创 echarts笔记-1，饼图
项目中用到了数据可视化，决定使用echats，项目完成一个阶段，记录一下研究成果注：因为要兼容上个版本，所以使用echarts11. 饼图（简单饼图）myChart = echarts.init(document.getElementById(ID)); option = { tooltip : { ...
2019-09-05 17:37:11
299
原创 百度地图-根据关键字搜索，并定位到第一条搜索结果
1. 初始化地图this.$nextTick(function () { // 创建Map实例,且去掉地图原生点击、鼠标移动事件 _this.map = new BMap.Map('allmap',{enableMapClick:false}); // 初始化地图,设置中心点坐标 ...
2019-08-09 16:39:57
2571
原创 百度地图mapv方法封装
项目中使用到了百度地图，把一些方法进行了封装，在此记录一下，方便自己和其他人以后使用1. 代码环境 因为项目需求，前端页面中引用vue.js进行开发，不过这部分和百度地图关系不大，可以忽略不记2. 前期准备 1）准备一个百度地图开发者账号 2）百度地图API：http://lbsyun.baidu.com/cms/jsapi/reference/jsap...
2019-08-06 16:09:42
3477
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人