vue-mapvgl 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
vue-mapvgl 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
vue-mapvgl 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 编程语言
开源组织
地区 国产
投 递 者 vuemap
适用人群 未知
收录时间 2021-01-15

软件简介

vue-mapvgl 是一套基于 Vue 2.0 和百度地图 mapvgl 的地图组件,在百度 mapvgl 基础上增加 GltfThreeLayer 图层。

该组件依赖于 vue-bmap-gl,使用方式请查看文档: https://guyangyang.gitee.io/vue-mapvgl/ 

该项目基于 https://github.com/ElemeFE/vue-amap/ 修改开发。

组件

目前完成组件:

  • 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
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(1)
发表了资讯
2022/01/24 16:37

vue-mapvgl vue3 版本正式发布

vue-mapvgl 是一个基于vue和百度地图mapvgl封装的vue地图组件库,提供了常用组件封装,格外提供基础的模型加载和操作能力。 本次更新 组件全面升级支持vue3 代码使用typescript重写 增加IDE提示文件,快捷开发 文档全面更新,使用vuepress 2.0版本重新编写。文档地址 支持treeshake 破坏性变更 库加载方式调整,需使用vue3的方式进行注册库 移除bmapManager,获取地图实例的方式将只支持ref和绑定init事件 移除所有组件events属...

0
10
发表了资讯
2021/03/31 18:10

vue-mapvgl v0.0.25 版本发布,基于 mapvgl 的地图组件

vue-mapvgl v0.0.25 已经发布,这是一个基于 mapvgl 的地图组件。 此版本更新内容包括: 升级mapvgl至1.0.0-beta.119 为所有图层增加zoomThreshold,用来指定图层执行渲染的地图层级。GltfThreeLayer图层由于特殊性,将zoomThreshold属性添加到ThreeView组件中 增加QQ群,可以交流问题,群号见readme 详情查看:https://gitee.com/guyangyang/vue-mapvgl/releases/v0.0.25...

0
9
发表了资讯
2021/03/16 16:37

vue-mapvgl v0.0.23 已经发布,基于 mapvgl 的地图组件

vue-mapvgl v0.0.23 已经发布,这是一个基于 mapvgl 的地图组件。 此版本更新内容包括: 升级threejs至0.126.1 升级mapvgl至1.0.0-beta.112 GltfThreeLayer图层销毁时增加销毁所有对象和事件能力,释放内存 解决GltfThreeLayer图层的infoWindow内容不支持点击问题 详情查看:https://gitee.com/guyangyang/vue-mapvgl/releases/v0.0.23...

0
3
发表了资讯
2021/03/03 15:25

vue-mapvgl v0.0.22 已经发布,基于 mapvgl 的地图组件

vue-mapvgl v0.0.22 已经发布,这是一个基于 mapvgl 的地图组件。 此版本更新内容包括: 解决GltfThreeLayer 模型还未加载完成时更新数据导致抛异常 解决GltfThreeLayer 模型移动时infoWindow没有进行跟随问题 解决GltfThreeLayer 模型隐藏后还会继续触发事件问题 解决GltfThreeLayer 加载模型后模型没有显示问题 解决GltfThreeLayer 不添加events属性时无法正常触发tooltip功能 由于21版本之前错误发布,所以新的跳过21,直接2...

0
5
发表了资讯
2021/02/24 17:29

vue-mapvgl v0.0.20 已经发布,基于 mapvgl 的地图组件

vue-mapvgl v0.0.20 已经发布,这是一个基于 mapvgl 的地图组件。 此版本更新内容包括: 解决GltfThreeLayer图层的infoWindow与tooltip不停刷新问题 解决触发GltfThreeLayer点击事件后还会继续触发地图click事件问题 CircleLayer增加unit参数 FanLayer增加unit参数 详情查看:https://gitee.com/guyangyang/vue-mapvgl/releases/v0.0.20...

0
6
发表于开发技能专区
2021/02/09 16:01

vue-mapvgl v0.0.19 已经发布,基于 mapvgl 的地图组件

* 升级mapvgl 1.0.0-beta.105版本 * 增加MarkerListLayer图层 * 更新所有图层API,更新文档,适配1.0.0-beta.105版本API

0
3
发表于大前端专区
2021/02/01 20:02

vue-mapvgl v0.0.18 已经发布,基于 mapvgl 的地图组件

vue-mapvgl v0.0.18 已经发布。vue-mapvgl 是一套基于 Vue 2.0 和百度地图 mapvgl 的地图组件。 此版本更新内容包括: GltfThreeLayer增加track参数,用于进行车辆跟踪 GltfThreeLayer增加tooltip功能,支持自定义内容 GltfThreeLayer增加infoWindow功能

0
1
发表了资讯
2021/02/01 19:58

vue-mapvgl v0.0.18 发布,基于 mapvgl 的地图组件

vue-mapvgl v0.0.18 已经发布,此版本更新内容包括: GltfThreeLayer增加track参数,用于进行车辆跟踪 GltfThreeLayer增加tooltip功能,支持自定义内容 GltfThreeLayer增加infoWindow功能 vue-mapvgl是一套基于Vue 2.0和百度地图mapvgl的地图组件。 该组件依赖于vue-bmap-gl,使用方式请查看教程。 该项目基于 https://github.com/ElemeFE/vue-amap/ 修改开发 详情查看:https://gitee.com/guyangyang/vue-mapvgl/releases/v0.0...

0
1
发表于大前端专区
2021/01/29 14:56

vue-mapvgl v0.0.17 版本发布,增加模型事件

vue-mapvgl v0.0.17 已经发布。vue-mapvgl 是一套基于 Vue 2.0 和百度地图 mapvgl 的地图组件。 此版本更新内容包括: * 解决GltfThreeLayer图层点击事件触发不稳定问题(该BUG是由于百度的threeLayer图层中修改了camera的projectionMatrix 值,但未对应的修改projectionMatrixInverse 导致的) * GltfThree模型增加mouseover和mouseout事件 本次为重要更新,建议更新。...

0
1
发表于大前端专区
2021/01/29 14:52

vue-mapvgl v0.0.17 已经发布,基于 mapvgl 的地图组件

vue-mapvgl v0.0.17 已经发布,这是一个基于 mapvgl 的地图组件。 此版本更新内容包括: 解决GltfThreeLayer图层点击事件触发不稳定问题(该BUG是由于百度的threeLayer图层中修改了camera的projectionMatrix 值,但未对应的修改projectionMatrixInverse 导致的) GltfThree模型增加mouseover和mouseout事件 详情查看:https://gitee.com/guyangyang/vue-mapvgl/releases/v0.0.17...

0
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
1 评论
28 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部