Vue Baidu Map图标旋转rotation失败且控制台一直报错

这篇具有很好参考价值的文章主要介绍了Vue Baidu Map图标旋转rotation失败且控制台一直报错。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

报错如下:

Vue Baidu Map图标旋转rotation失败且控制台一直报错

 解决:

/**
* ready 地图组件渲染完毕时触发,返回一个百度地图的核心类和地图实例。百度地图组件是异步加载,请不要 * 尝试在组件的生命周期中访问 BMap 核心类和 map 实例,如有需要,请在所需组件的 ready 事件回调函数的* 参数中获取。
*/

// html
 <baidu-map
      @ready="bMapReady"
    >    
 </baidu-map>

// data
      BMap: null, 

// methods
    /**
    * @Event 方法
    * @description:
    * */
    bMapReady({BMap, map}) {
      this.BMap = BMap
      // console.log(BMap, map, '123123')
    },

/**
     * @Interface 查询运行轨迹
     * */
    getPath() {
      let queryObj = {
        carId: this.carId,
        beginTime: this.formData.dateStr + " " + this.formData.timeArr[0],
        endTime: this.formData.dateStr + " " + this.formData.timeArr[1],
      };
      queryLocus(queryObj).then((res) => {
        if (res.data !== [] && res.data.length > 0) {
          res.data.forEach((item, index) => {
            // this.path.push({
            //   lng: JSON.parse(item.longitude),
            //   lat: JSON.parse(item.latitude),
            // });
            // !!! todo  重点是这个 
            this.path.push(new this.BMap.Point(item.longitude, item.latitude))
          });
         
      });
    },

官方文档:Vue Baidu Map文章来源地址https://www.toymoban.com/news/detail-406378.html

到了这里,关于Vue Baidu Map图标旋转rotation失败且控制台一直报错的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • docker rabbitmq控制台访问失败,rabbitmq控制台访问不了

    1. docker-compose配置内容: 2. 映射文件夹一定要赋予权限 不然程序启动无法写入数据:     3. log日志: 4. 日志看着已经启动了, 其实还没有。手动进入容器,启动管理插件 5. 命令:  6. 再次访问:      虚拟机:虚拟机ip:15672     本地则是:127.0.0.1:15672

    2024年01月18日
    浏览(62)
  • springboot-gateway注册nacos失败,控制台没有报错

    最近springboot的gateway注册到nacos上,没有注册成功 我是在common里面引入了nacos的依赖,依赖如下: 然后代码yml里面添加如下:

    2023年04月09日
    浏览(47)
  • 控制台输出vue实例

    控制台输出vue实例的两种方法: 在这里我想介绍一下在控制台输出vue实例的两种方法,我觉得其中一种不管是vue框架还是其他框架都是适用的, 我就不说是哪种方法了 大家都可以试一遍: 1、前后端分离的项目中,如果挂载的id名是app,我们可以在控制台中这么打印获取: 2、

    2024年02月10日
    浏览(72)
  • 五、动画 - 旋转rotate

    目录: 1.简介 2.详解 一、 简介 二、 详解 需求:在界面上定义一个box1, 放到视口中,当鼠标移动到他上面,box1开始旋转。 1.基础布局 2.绕X轴旋转,就是水平方向,那你看到的效果,就是他在上下移动,往后仰一样。 3.绕Y轴旋转,就是竖直轴转,看起来像在推门效果 4.先Y轴旋

    2024年02月11日
    浏览(40)
  • 解决vue3使用iconpark控制台预警提示问题

    最近在项目中使用 iconpark-icon 来管理图标,一切都很顺利,引入链接后,图标正常显示,没有报错。但是控制台却发出了预警信息。 [Vue warn]: Failed to resolve component: iconpark-icon If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 虽说不

    2024年02月04日
    浏览(51)
  • 【CSS3】CSS3 3D 转换 ④ ( 3D 旋转 rotate3d | rotate3d 语法 | rotate3d 自定义轴旋转 | 元素旋转方向 - 左手准则 | 代码示例 )

    3D 旋转 指的是 在 三维空间坐标系 中 , 绕 X 轴 , Y 轴 , Z 轴 进行旋转 , 同时还可以绕 自定义轴 进行旋转 ; 2D 旋转只能 以 某个点为中心进行旋转 , 3D 旋转可以绕某个轴进行旋转 ; CSS3 中 3D 旋转 语法 : 绕 X 轴旋转 : 沿着 X 轴 正方向 旋转 45 度 ; 绕 Y 轴旋转 : 沿着 Y 轴 正方向

    2024年02月11日
    浏览(42)
  • 浏览器中下载了vue扩展程序,控制台却不显示vue,且vue标签是灰色

    1.查看扩展程序 方法:点击浏览器右上角三个点→更多工具→扩展工具,确保这两个键是打开状态 2.点击详细信息(如图)→将这俩按钮打开 3.若vue标识还是灰色 在浏览器中输入 chrome://version/,找到个人资料路径,复制该路径,在电脑中找到该路径下的Extensions→插件文件名→

    2024年02月14日
    浏览(54)
  • Unity 之 transform.rotate() 实现旋转

    在Unity中, Transform.Rotate() 是一个用于在物体上进行旋转的函数。它可以用来在局部坐标系下对物体进行旋转,也可以在世界坐标系下进行旋转。下面是关于 Transform.Rotate() 的详细介绍: 函数签名: 参数: eulerAngles : 一个表示旋转欧拉角的 Vector3 。这是旋转的角度,分别围绕

    2024年02月11日
    浏览(39)
  • Android多张图片rotation旋转角度叠加/重叠堆放

    Android大图片之缩略图,以及对原图按照指定宽高裁剪成缩略图-CSDN博客 文章浏览阅读5.3k次。《Android大图片之变换缩略图,以及对原始大图片按照指定宽、高裁剪成缩略图》在Android的ImageView加载图像资源过程中,出于性能和内存开销的需要,有时候需要把一个原始的超大

    2024年02月07日
    浏览(46)
  • OpenCV图像旋转(cv::rotate)与镜像(cv::flip)

    案例:使用OpenCV实现图像的旋转和镜像操作 所用函数:这里主要使用到了两个函数 1.旋转:cv::rotate 2.镜像:cv::flip   本文福利, 莬 费领取Qt开发学习资料包、技术视频,内容包括(C++语言基础,Qt编程入门,QT信号与槽机制,QT界面开发-图像绘制,QT网络,QT数据库编程,Q

    2024年02月16日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包