内容简介:vue-mapvgl v0.0.9 已经发布,此版本更新内容包括: 增加 el-gltf-three-layer (gltf的threejs实现图层) 所有图层增加visible属性,用于控制图层显隐 vue-mapvgl是一套基于Vue 2.0和百度地图mapvgl的地图组件。...
vue-mapvgl v0.0.9 已经发布,此版本更新内容包括:
增加 el-gltf-three-layer (gltf的threejs实现图层)
所有图层增加visible属性,用于控制图层显隐
vue-mapvgl是一套基于Vue 2.0和百度地图mapvgl的地图组件。 该组件依赖于vue-bmap-gl,使用方式请查看教程 该项目基于 https://github.com/ElemeFE/vue-amap/ 修改开发
安装
npm install -S vue-bmap-gl npm install -S vue-mapvgl
文档
https://guyangyang.gitee.io/vue-mapvgl/#/
快速上手
引入vue-bmap-gl和vue-mapvgl
// 引入vue-bmap-gl import VueBMap from 'vue-bmap-gl'; import VueMapvgl from 'vue-mapvgl'; import 'vue-bmap-gl/dist/style.css'; Vue.use(VueBMap); Vue.use(VueMapvgl); // 初始化vue-bmap VueBMap.initBMapApiLoader({ // 百度的key ak: 'YOUR_KEY', // 百度 sdk 版本,默认为 1.0 v: '1.0' });
组件
目前完成组件:
- el-bmapv-view (图层管理器,图层的容器)
- el-bmapv-point-layer (基础点图层 PointLayer)
- el-bmapv-icon-layer (Icon图标图层 IconLayer)
- el-bmapv-point-trip-layer (点轨迹图层 PointTripLayer)
- el-bmapv-heat-point-layer (热力点图层 HeatPointLayer)
- el-bmapv-heat-map-layer (热点图图层 HeatmapLayer)
- el-bmapv-heat-grid-layer (热力柱图层 HeatGridLayer)
- el-bmapv-spark-layer (烟花点图层 SparkLayer)
- el-bmapv-circle-layer (圆图层 CircleLayer)
- el-bmapv-ripple-layer (波纹点图层 RippleLayer)
- el-bmapv-text-layer (文字图层 TextLayer)
- el-bmapv-fan-layer (雷达图层 FanLayer)
- el-bmapv-simple-line-layer (基础线图层 SimpleLineLayer)
- el-bmapv-line-layer (宽线图层 LineLayer)
- el-bmapv-wall-layer (立体墙图层 WallLayer)
- el-bmapv-heat-line-layer (热力线图层 HeatLineLayer)
- el-bmapv-line-flow-layer (蝌蚪线图层 LineFlowLayer)
- el-bmapv-line-trip-layer (线轨迹图层 LineTripLayer)
- el-bmapv-wall-trip-layer (墙轨迹图层 WallTripLayer)
- el-bmapv-fly-line-layer (飞线图层 FlyLineLayer)
- el-bmapv-shape-layer (基础面图层 ShapeLayer)
- el-bmapv-shape-line-layer (线状面图层 ShapeLineLayer)
- el-bmapv-polygon-layer (平面图层 PolygonLayer)
- el-bmapv-cluster-layer (点聚合图层 ClusterLayer)
- el-bmapv-honeycomb-layer (蜂窝图层 HoneycombLayer)
- el-gltf-layer (百度针对gltf的实现)
- el-gltf-three-layer (根据ThreeLayer以及ThreeJS进行扩展实现的模型加载图层)
mapvgl自带后处理器效果
- 炫光特效 BloomEffect
- 发光特效 BrightEffect
mapvgl自带工具
- 颜色值域生成器 Intensity
- 3D曲线生成器 BezierCurve
- 大地线生成器 GeodesicCurve(zh-cn/util/GeodesicCurve.md)
- Od曲线生成器 OdCurve
详情查看:https://gitee.com/guyangyang/vue-mapvgl/releases/v0.0.9
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- 可视化搭建平台的地图组件和日历组件方案选型
- vue-mapvgl v0.0.13 发布,基于 Vue 和百度地图的地图组件
- vue-mapvgl v0.0.10 发布,基于 Vue 2.0 和百度地图的地图组件
- [技术地图] 从Preact中了解组件和hooks基本原理
- vue-bmap-gl v0.0.10 已经发布,地图组件
- vue-bmap-gl v0.0.12 已经发布,地图组件
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。