没有合适的资源?快使用搜索试试~ 我知道了~
vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 7 下载量 178 浏览量
2020-11-21
12:29:00
上传
评论
收藏 82KB PDF 举报
温馨提示
试读
4页
在开发过程中发现 vue-baidu-map 封装的 BmPolyline 折线组件不能顺利绘制出带箭头的纹理。 原因是 BmPolyline 文档中虽然有 icons 属性,但是对应的源文件中并没有props接收 icons 最初的开发思路: 根据 vue-baidu-map 折线组件的官方文档,在vue中通过Prop,为 BmPolyline 组件传递一个 icons 数组,数组的元素必须为 IconSequence 类的实例对象。 而 IconSequence 类的实例对象则是在 BaiduMap 组件的 ready 事件中拿到 BMap 类和 map 地图实例对象,然后依次调用 B
资源推荐
资源详情
资源评论
vue 百度地图百度地图(vue-baidu-map)绘制方向箭头折线实例代码详绘制方向箭头折线实例代码详
解解
在开发过程中发现 vue-baidu-map 封装的 BmPolyline 折线组件不能顺利绘制出带箭头的纹理。
原因是 BmPolyline 文档中虽然有 icons 属性,但是对应的源文件中并没有props接收 icons
最初的开发思路:最初的开发思路:
根据 vue-baidu-map 折线组件的官方文档,在vue中通过Prop,为 BmPolyline 组件传递一个 icons 数组,数组的元素必须为
IconSequence 类的实例对象。
而 IconSequence 类的实例对象则是在 BaiduMap 组件的 ready 事件中拿到 BMap 类和 map 地图实例对象,然后依次调用 BMap 基类
的 Symbol , IconSequence 子类,完成 IconSequence 对象的初始化。具体参数含义及代码实现见上文发的官方案例地址。
按照上述思路完成代码编写后并不能得到预期中的结果。因为 BmPolyline 对应的源文件中并没有props接收 icons 。
解决方案解决方案
将 /node_modules/vue-baidu-map/components/overlays 目录下的 BmPolyline 源文件复制,粘贴到另一个vue文件中,然后手动为折线组
件配置 icons
详细解决方案见下方代码:
new_polyline.vue新的折线组件文件
<script>
/**
* 注意此处三个引入路径
* 在源文件中使用的是相对路径
* 但是因为现在是自定义组件,所以要重新调整路径
*/
import commonMixin from "vue-baidu-map/components/base/mixins/common.js";
import bindEvents from "vue-baidu-map/components/base/bindEvent.js";
import { createPoint } from "vue-baidu-map/components/base/factory.js";
export default {
// 起一个新名字
name: "new-polyline",
render() {},
mixins: [commonMixin("overlay")],
props: {
path: {
type: Array
},
// 新声明一个icons
icons: {
type: Array
},
strokeColor: {
type: String
},
strokeWeight: {
type: Number
资源评论
- juanjuan_0012024-04-22资源是宝藏资源,实用也是真的实用,感谢大佬分享~
weixin_38643307
- 粉丝: 8
- 资源: 925
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- iris.py
- 火灾自动报警系统设计-毕设.doc
- 模拟退火算法最早由N. Metropolis等人于1953年提出,随后在1983年由S. Kirkpatrick等人成功应用于组
- 深度学习框架,如TensorFlow、PyTorch、Keras等,是机器学习领域中的关键工具 这些框架通常包含大量的预定义函数
- 资源介绍:##Y821FLrR1##PAGE 概述 ##Y821FLrR1##PAGE 是一项独特而富有价值的资源,它可能代表
- python安装matplotlib库
- ubuntu系统的文件管理
- 深度学习中12种框架介绍
- Python相对湿度电子表
- numpy1学习记录,研一下上课内容(lxx老师)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功