logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue高德地图Loca 2.0飞线功能初体验

高德地图原来是没有飞线功能的,很多可视化效果和百度相比确实差很多。在 Loca 2.0 API 里看到了一个PulseLinkLayer的图层连接飞线图层,可以支持弧度,宽度,过渡色等能力。 并且还支持脉冲动画,可以表达数据的朝向。按文档使用了下,发现没效果。发工单问了下,回答说文档有,但是功能是没有的,一周后会实现并上线使用例子???????官方例子:北京人口流出弧线代码实现具体是在 [高德开放

文章图片
create-vue初试,问题小结

create-vue,一个基于vite的全新的vue脚手架工具,始于2021年10月7日,还很嫩,传说未来会替掉Vue-CLI。看文档,用法很简单,就一句命令npm init vue@next但真正用起来,就有几个小问题要注意了。(2021年10月25日)1、npm版本问题命令运行后,选好配置,运行npm install,会发现一堆 npm WARN 信息,其中npm WARN notsup Un

#vue.js#npm
前端大屏展示框架搭建(三)

大屏全屏页面等比例缩放的实现等比缩放页面,是大屏开发里比较常用的方式了。一般设计图按大屏的尺寸设计,按尺寸开发,最后等比缩放。大屏等比缩放,我这里在layout.vue里面做控制。layout.vue主要是在 app-wrapper 所在div进行scale。<template><div><divclass="app-wrapper":style="{transfor

#visual studio code#vue.js#前端 +1
高德开放平台GeoHUB初用(Vue使用高德地图Loca 2.0)

高德开放平台GeoHUB,高德不声不息出的这玩意挺吊的。以往地图打点、连线、做特定地市的区域地图,都不知道哪里找GeoJSON数据的,现在有这东西就超级方便了。结合高德地图的api,挺好用的了。这里通过Loca.ScatterLayer的来展示下GeoHUB的简单使用。知识1、此文涉及Vue对高德地图2.0的封装使用,这里用 高德地图Loca 2.0 的呼吸点(也叫散射点、贴地点、水波点)的制作过

#vue.js
前端大屏展示框架搭建(二)

大屏基本布局实现基于element-ui进行布局。安装安装运行依赖element-ui安装开发依赖babel-plugin-component安装插件vue-cli-plugin-element布局项目的整体布局是共用的,通过在vue的路由里配置component为Layout复用,这个vue的官方文档有介绍。如上图所示:1、建立一个layout文件夹存放项目的共用布局2、工作需要,现需要一个上下

#vue.js#前端#visual studio code
前端大屏展示框架搭建(一)

基于VS Code的代码风格统一配置项目开发很常用到,记录下搭建的过程。基于vue-cli3新建一个项目过程已经写过了~~~参考这里vue-cli3新建项目基于VS Code的代码风格统一配置VS Code先安装这几个插件Vetur、ESLint、Prettier-Code formatterBeautify也挺好用的,不过和Prettier有冲突,放弃了~~配置settings.json这个可以

#前端#visual studio code#html5
vue项目中封装echarts的比较优雅的方式

场景1、Echarts使用时,都需要写一堆的option,如果每个图表都要写一个,一个文件里面的代码量是很大的2、不方便复用需求1、方便复用2、展示类的图表,数据与业务、样式分离,只传数据就行3、项目里需要用到的图表会有多个,实现少代码自动化导入,不需要一个个import4、本人图表用在大屏数据可视化的情况比较多,采用的是等比缩放的方式,所以图表也能根据界面缩放自动缩放,不需要手动调用5、图表可配

#echarts
vue2项目中给echarts地图设置背景图和打点

给地图设置任意背景底图,可以让地图比较炫1、echarts地图背景图设置,可以设置随意的地图纹理2、echarts地图打点,显示数据

文章图片
#echarts#前端#vue.js +1
到底了