chyna0-优快云博客

原创百度地图jsAPI实时画出运行轨迹，车头实时指向行驶方向，设置角度偏移

背景：公司想要做一个基于百度地图实时展示车的运行轨迹，且在运行过程中需要车头方向随着角度进行变化。1.先把地图构建出来，然后造一组数据用以画线。数据格式为：var PointArr = [ {long: 117.128937 ,lat: 36.676339 ,route: 30 }]2.在地图上添加起始点图标，选用数组的第一个对象的经纬度进行定位展示。addMarker(new

2018-01-11 17:29:34 28731 37

原创百度地图js 画运行轨迹之加黑色图层（四）

在百度地图展示运行轨迹的时候，有时候想要加一个灰蒙蒙的图层展示，像是以黑色主题为主，显的高大上些，实现方式如下：在js调用如下：this.layoutMap(mapInit);// mapInit.addEventListener("zoomend", function () {// that.layoutMap(mapInit);// });实现方式如下：

2018-01-10 16:36:03 1733

原创百度地图js 画运行轨迹之运行轨迹标注文字（三）

在运行轨迹中需要在起止点加上信息提示，实现方法如下： //加信息提示的文字方法 setInfoBox:function (tracksPart,marker) { // var point = new BMap.Point(tracksPart.Longitude,tracksPart.Latitude); // var marker = new B

2018-01-10 16:32:26 2254

原创百度地图js 画运行轨迹之运行轨迹取增量数组坐标值画线（二）

自动刷新的时候每次要是调用后台全部的数组值，性能会比较的稍低些。进行优化，就是将每次自动刷新的时候，第二次获得的数值坐标值减去第一次的数组坐标值的差值数值，将这些值画线，会提高性能。1.前端vue页面设置：在methods方法中ajax成功回掉中进行调用：if(that.oldTracks ){ that.middle=

2018-01-10 16:30:02 4031 2

原创百度地图js 画运行轨迹之放大地图层级后自动刷新时仍保持最大层级状态（一）

做了一个vue的手机项目，有部分是关于研究百度地图的。需求是：1.后台取数，前端根据数组坐标画运行轨迹。2.前端需要让其运行轨迹自动刷新，频率是30s.（最好的方式实时展示到页面上。现在都是大数据的时代，在数据大的情况下，会出现卡死的情况，还需要在研究）3.地图可以放到层级，但是在自动刷新时，又回到了一开始设置的那种级别，想要是在放大层级后，仍能保持当前状态。4.所有的点要在可视范

2018-01-10 16:16:51 3175

原创 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 1665

原创 Echarts的研究（二）

在移动端想要做一个温度计功能的需求，且需要有个当前值指到相应的位置。在手机端还要能达到每个屏幕的适配，需要考虑的细节挺多的。项目是采用的vue框架，百度了网上一些jQuery插件，但是都达不到想要的效果，最后还是采用了使用echarts中的柱状图改编，毕竟echarts已经做好了适配，这块不用在考虑。那采用vue框架，当然就是组件化开发喽。初始化echarts实例方法： in

2017-07-13 18:19:12 10498

原创 Echarts的研究（一）

在移动端想要做一个类似刻度尺功能的需求，且需要有个当前值指到相应的位置。在手机端还要能达到每个屏幕的适配，需要考虑的细节挺多的。项目是采用的vue框架，百度了网上一些jquery插件，但是都达不到想要的效果，最后还是采用了使用echarts中的堆叠柱状图改编，毕竟echarts已经做好了适配，这块不用在考虑。那采用vue框架，当然就是组件化开发喽。初始化echarts实例方法：

2017-07-13 18:09:51 520

原创百度地图运行轨迹根据车速显示不同颜色线

最近有个需求是想根据车速划分不同的车速区间，并且在画运行轨迹的时候需要切换不同颜色的线。百度地图它有画运行轨迹的API，不过是根据一系列的经纬度来画一条线，但是只是展示一种颜色。网上百度了也没有发现有相似的，无奈就自己琢磨改写了部分。可能有不完善的地方，欢迎大家一起交流。 1.模拟后台数据，需要后台传经纬度速度，根据速度选择使用哪种颜色的线，根据经纬度画线。现大体模拟了机组

2017-07-13 17:25:49 15647 6

原创 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 2419

原创 vue框架对接手机app

最近在参与一个移动端的项目，要做一个功能模块接入到已有的手机app中。从要确定要做就开始参与，记录下整个流程过程吧。制作手机采用的框架是vue和SUI共同使用，使用grunt及webpack进行自动化构建代码。一、搭建环境使用grunt压缩css及js,webpack压缩vue，首先要先下载安装node.js，他们依赖于node运行。然后再下载安装使用的插件，简

2017-06-09 15:24:20 3655

原创黑马程序员_Objective-C语言_继承和多态

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流！ -------1、继承就拿交通工具来说，交通工具分为汽车类和飞机类，而汽车又有小汽车，卡车，飞机由民航飞机和战斗机。那交通工具就是基类也就是父类，汽车和飞机是交通工具的派生类，要有满足交通工具的特性，又有自己的功能。如何继承：A导入要继承的那个类的文件B：后跟父类名实例

2015-07-24 15:55:06 564

原创黑马程序员_Objective-C语言_封装（汇总）

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流！ -------1、封装不封装的缺点：把类暴露在外面，失去了对属性的管理权。 @interface就好像暴露在外面的时钟表面，向外界提供接口及战士，@implementation就好比隐藏在时钟内部的构造实现，把具体的实现封装起来。封装的原理：实例变量默认只能被当前类的对象方

2015-07-24 12:18:05 571

原创黑马程序员_OC Foundation框架简介

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流！ ------- 学习.net开发，我们是在Microsoft Visual Studio（简称VS）平台上开发的，Microsoft Visual Studio是微软公司旗下最重要的软件集成开发工具产品，是每个 Win 平台的软件开发者必备的工具,VS平台工具里面包含了多种框架，如.net

2015-07-23 23:18:43 405

原创黑马程序员_C语言基础_构造类型（数组，结构体，枚举）

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流！ ------- C语言中把构造类型分为三种：数组，结构体，枚举，下面就对它们一一学习。1、数组就是把相同数据类型的元素顺序排列，把有限个相同类型的变量用一个名字命名，然后用编号代表所处的位置的集合，这个名字称为数组名，编号称为下标。数组按类型划分包括数值数组，字符数

2015-07-23 14:18:00 735

原创黑马程序员_C语言基础_指针

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流！ -------1、指针变量指针是一个常量，简单来说就是内存单元的地址；指针变量就是一个变量，记录存放地址的一个变量。形式：类型说明符 *变量名A注意问题：*表示定义的是指针变量指针变量只能存放地址，不能是数值和字符指针变量和其他普通变量一样，也有全局变量和局部变量B*

2015-07-23 10:00:52 523

原创黑马程序员_C语言基础_数组之冒泡排序、快速选择排序、折半查找

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流！ ------- 学习一维数组和二维数组的差别不大，学习方法可以通用，在学习过程中可以比较学习，找出他们的异同，那这样学习效率和学习效果会有明显的提升。1、数组的格式一维数组：数组类型数组名[数组长度] 二维数组：数组类型数组名[常量表

2015-07-22 10:00:24 1180

原创黑马程序员_C语言基础_循环结构使用区别，9*9口诀表

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流！ ------- 程序的循环结构主要分为三种形式：while，do……while,for语句三种的使用各不相同，要想更好的掌握好他们各自的使用，需要找出他们使用技巧。1.while循环格式:while(循环条件) {

2015-07-21 12:28:10 1209

原创黑马程序员_C语言基础_分支结构（if……else，switch）

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流！ ------- 程序的结构有三种：顺序结构（最简单的），分支结构，循环结构。这次对分支结构使用过程需要注意的和使用条件做了一些总结回顾。1、if条件判断格式：if(条件){满足条件的语句} 括号内的条件可以是表达式，变量，数值，有返回值的函数。语义为

2015-07-21 10:50:09 675

原创黑马程序员_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 1856

原创黑马程序员_初识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 710

skywqnan的博客