- 博客(22)
- 收藏
- 关注
原创 百度地图jsAPI实时画出运行轨迹,车头实时指向行驶方向,设置角度偏移
背景:公司想要做一个基于百度地图实时展示车的运行轨迹,且在运行过程中需要车头方向随着角度进行变化。1.先把地图构建出来,然后造一组数据用以画线。数据格式为:var PointArr = [ {long: 117.128937 ,lat: 36.676339 ,route: 30 }]2.在地图上添加起始点图标,选用数组的第一个对象的经纬度进行定位展示。addMarker(new
2018-01-11 17:29:34
28296
37
原创 百度地图js 画运行轨迹之加黑色图层(四)
在百度地图展示运行轨迹的时候,有时候想要加一个灰蒙蒙的图层展示,像是以黑色主题为主,显的高大上些,实现方式如下:在js调用如下:this.layoutMap(mapInit);// mapInit.addEventListener("zoomend", function () {// that.layoutMap(mapInit);// });实现方式如下:
2018-01-10 16:36:03
1656
原创 百度地图js 画运行轨迹之运行轨迹标注文字(三)
在运行轨迹中需要在起止点加上信息提示,实现方法如下: //加信息提示的文字方法 setInfoBox:function (tracksPart,marker) { // var point = new BMap.Point(tracksPart.Longitude,tracksPart.Latitude); // var marker = new B
2018-01-10 16:32:26
2179
原创 百度地图js 画运行轨迹之运行轨迹取增量数组坐标值画线(二)
自动刷新的时候每次要是调用后台全部的数组值,性能会比较的稍低些。进行优化,就是将每次自动刷新的时候,第二次获得的数值坐标值减去第一次的数组坐标值的差值数值,将这些值画线,会提高性能。1.前端vue页面设置:在methods方法中ajax成功回掉中进行调用:if(that.oldTracks ){ that.middle=
2018-01-10 16:30:02
3941
2
原创 百度地图js 画运行轨迹之放大地图层级后自动刷新时仍保持最大层级状态(一)
做了一个vue的手机项目,有部分是关于研究百度地图的。需求是:1.后台取数,前端根据数组坐标画运行轨迹。2.前端需要让其运行轨迹自动刷新,频率是30s.(最好的方式实时展示到页面上。现在都是大数据的时代,在数据大的情况下,会出现卡死的情况,还需要在研究)3.地图可以放到层级,但是在自动刷新时,又回到了一开始设置的那种级别,想要是在放大层级后,仍能保持当前状态。4.所有的点要在可视范
2018-01-10 16:16:51
3104
原创 webstorm安装TFS及webpack快捷键
一、安装TFSTFS是在项目团队共同开发上传代码的一个工具。集成到webstorm中的步骤如下:1.在webstorm中的Default Settings,找到Version Contronl 下的TFS,点击Manage,弹出一个对话框:address写你TFS项目的地址,而非你本地的代码位置。账号和密码是你登录TFS的账户密码。2.OK之后,点击create,n
2017-09-27 09:58:45
1631
原创 Echarts的研究(二)
在移动端想要做一个温度计功能的需求,且需要有个当前值指到相应的位置。在手机端还要能达到每个屏幕的适配,需要考虑的细节挺多的。项目是采用的vue框架,百度了网上一些jQuery插件,但是都达不到想要的效果,最后还是采用了使用echarts中的柱状图改编 ,毕竟echarts已经做好了适配,这块不用在考虑。那采用vue框架,当然就是组件化开发喽。初始化echarts实例方法: in
2017-07-13 18:19:12
10124
2
原创 Echarts的研究(一)
在移动端想要做一个类似刻度尺功能的需求,且需要有个当前值指到相应的位置。在手机端还要能达到每个屏幕的适配,需要考虑的细节挺多的。项目是采用的vue框架,百度了网上一些jquery插件,但是都达不到想要的效果,最后还是采用了使用echarts中的堆叠柱状图改编 ,毕竟echarts已经做好了适配,这块不用在考虑。那采用vue框架,当然就是组件化开发喽。初始化echarts实例方法:
2017-07-13 18:09:51
491
原创 百度地图运行轨迹根据车速显示不同颜色线
最近有个需求是想根据车速划分不同的车速区间,并且在画运行轨迹的时候需要切换不同颜色的线。百度地图它有画运行轨迹的API,不过是根据一系列的经纬度来画一条线,但是只是展示一种颜色。网上百度了也没有发现有相似的,无奈就自己琢磨改写了部分。可能有不完善的地方,欢迎大家一起交流。 1.模拟后台数据,需要后台传经纬度速度,根据速度选择使用哪种颜色的线,根据经纬度画线。 现大体模拟了机组
2017-07-13 17:25:49
15317
11
原创 vue框架对接手机app (2)
一、H5页面如何对接到手机端iOS登录流程:1. web获取不到身份信息时,发起登录js交互,新建一个隐藏的iFrame,url为http://jsoc///{"action":"login","result":""}2. 我们捕获到jsoc///后,会解析后面的字典,做响应的处理,例如登录3. 登录完,我们让web直行一个js方法,把你们需要的信息以入参的形式发送过去,js方法需
2017-06-09 15:29:45
2359
原创 vue框架对接手机app
最近在参与一个移动端的项目,要做一个功能模块接入到已有的手机app中。从要确定要做就开始参与,记录下整个流程过程吧。 制作手机采用的框架是vue和SUI共同使用,使用grunt及webpack进行自动化构建代码。一、搭建环境使用grunt压缩css及js,webpack压缩vue,首先要先下载安装node.js,他们依赖于node运行。然后再下载安装使用的插件,简
2017-06-09 15:24:20
3590
原创 黑马程序员_Objective-C语言_继承和多态
------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! -------1、继承 就拿交通工具来说,交通工具分为汽车类和飞机类,而汽车又有小汽车,卡车,飞机由民航飞机和战斗机。那交通工具就是基类也就是父类,汽车和飞机是交通工具 的派生类,要有满足交通工具的特性,又有自己的功能。如何继承:A导入要继承的那个类的文件B:后跟父类名实例
2015-07-24 15:55:06
509
原创 黑马程序员_Objective-C语言_封装(汇总)
------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! -------1、封装 不封装的缺点:把类暴露在外面,失去了对属性的管理权。 @interface就好像暴露在外面的时钟表面,向外界提供接口及战士,@implementation就好比隐藏在时钟内部的构造实现,把具体的实现封装起来。 封装的原理:实例变量默认只能被当前类的对象方
2015-07-24 12:18:05
546
原创 黑马程序员_OC Foundation框架简介
------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! ------- 学习.net开发,我们是在Microsoft Visual Studio(简称VS)平台上开发的,Microsoft Visual Studio是微软公司旗下最重要的软件集成开发工具产品,是每个 Win 平台的软件开发者必备的工具,VS平台工具里面包含了多种框架,如.net
2015-07-23 23:18:43
369
原创 黑马程序员_Objective-C语言_类和对象
------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! -------Objective-C语言是一种面向对象编程的思想。面向对象与面向过程的区别理解:就用一个例子介绍:洗衣机洗衣服面向过程的是在这样的步骤:打开洗衣机的盖,放水,脱衣服,放肥皂,放衣服,盖上盖子,启动洗衣机。每个过程都离不开人的参与。面向对象的是这样的:买个洗衣机,洗
2015-07-23 18:02:47
641
原创 黑马程序员_C语言基础_构造类型(数组,结构体,枚举)
------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! ------- C语言中把构造类型分为三种:数组,结构体,枚举,下面就对它们一一学习。1、数组 就是把相同数据类型的元素顺序排列,把有限个相同类型的变量用一个名字命名,然后用编号代表所处的位置的集合,这个名字称为数组名,编号称为下标。 数组按类型划分包括数值数组,字符数
2015-07-23 14:18:00
705
原创 黑马程序员_C语言基础_指针
------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! -------1、指针变量 指针是一个常量,简单来说就是内存单元的地址;指针变量就是一个变量,记录存放地址的一个变量。 形式:类型说明符 *变量名A注意问题:*表示定义的是指针变量指针变量只能存放地址,不能是数值和字符指针变量和其他普通变量一样,也有全局变量和局部变量B*
2015-07-23 10:00:52
490
原创 黑马程序员_C语言基础_数组之冒泡排序、快速选择排序、折半查找
------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! ------- 学习一维数组和二维数组的差别不大,学习方法可以通用,在学习过程中可以比较学习,找出他们的异同,那这样学习效率和学习效果会有明显的提升。1、数组的格式 一维数组:数组类型 数组名[数组长度] 二维数组:数组类型 数组名[常量表
2015-07-22 10:00:24
1144
原创 黑马程序员_C语言基础_循环结构使用区别,9*9口诀表
------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! ------- 程序的循环结构主要分为三种形式:while,do……while,for语句三种的使用各不相同,要想更好的掌握好他们各自的使用,需要找出他们使用技巧。1.while循环 格式:while(循环条件) {
2015-07-21 12:28:10
1158
原创 黑马程序员_C语言基础_分支结构(if……else,switch)
------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! ------- 程序的结构有三种:顺序结构(最简单的),分支结构,循环结构。这次对分支结构使用过程需要注意的和使用条件做了一些总结回顾。1、if条件判断 格式:if(条件){满足条件的语句} 括号内的条件可以是表达式,变量,数值,有返回值的函数。 语义为
2015-07-21 10:50:09
645
原创 黑马程序员_C语言基础_关键字、printf函数、scanf函数
int abcd ,int _a$b,int ABCD,int _ 是标识符,但是int abcd 与int ABCD是两个不同的标识符。int 8a,float int不是标识符,第一个是以数字开头了,第二个是使用了int关键字。from#12,C.S.D也不是标识符,因为使用了其他的符号。也尽量不要使用 汉字。------Java培训、Android培训、iOS培训、.Net培训、期待
2015-07-21 09:53:25
1786
原创 黑马程序员_初识ios来源发展使用
1、IOS的概述 IOS是苹果公司开发的一种专门的操作系统(os),用在移动终端上的。目前终端设备有:Iphone,Ipad,Ipod tooch,Ipad mini,Apple TV。(这时候可以拓展一下操作系统的概念。) IOS开发是运行在搭载IOS系统上的应用或者游戏软件。 开发ios需要准备的方便:1、英语水平:掌握26个英文字母。2、学习态度:善于钻研、实践
2015-07-17 22:19:41
666
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人