26 Star 128 Fork 21

gyy / vue-mapvgl

加入 Gitee
与超过 600 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

文档地址更新为: https://docs.guyixi.cn/vue-mapvgl/#/

vue-mapvgl

Build Status npm package NPM downloads license star fork

vue-mapvgl是一套基于Vue 2.0和百度地图mapvgl的地图组件。 该组件依赖于vue-bmap-gl,使用方式请查看教程 该项目基于 https://github.com/ElemeFE/vue-amap/ 修改开发

觉得有用可以给个star

群号

avatar

捐赠支持

支付宝 微信

安装

npm install -S vue-bmap-gl
npm install -S vue-mapvgl

文档

https://docs.guyixi.cn/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进行扩展实现的模型加载图层)
  • el-bmapv-marker-list-layer (标注点组件 MarkerListLayer)
  • el-bmapv-bar-layer (柱状图层 BarLayer)

##mapvgl自带后处理器效果

  • 炫光特效 BloomEffect
  • 发光特效 BrightEffect

##mapvgl自带工具

  • 颜色值域生成器 Intensity
  • 3D曲线生成器 BezierCurve
  • 大地线生成器 GeodesicCurve(zh-cn/util/GeodesicCurve.md)
  • Od曲线生成器 OdCurve

其他特性

反馈

点评 ( 14 )

你可以在登录后,发表评论

简介

百度地图mapvgl组件的vue版本 展开 收起
JavaScript 等 5 种语言
MIT
取消

发行版 (26)

全部

vue-mapvgl

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/guyangyang/vue-mapvgl.git
git@gitee.com:guyangyang/vue-mapvgl.git
guyangyang
vue-mapvgl
vue-mapvgl
dev

搜索帮助