，求助大佬帮忙看下问题，vue调用腾讯api渲染地图传递参数没问题，是哪一步走错了

已于 2024-08-01 17:42:04 修改
阅读量167 收藏
点赞数 4
分类专栏： vue 文章标签： vue.js
于 2024-08-01 17:39:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weisheijinchi/article/details/140853326
版权

1.调用的方法传过来的数据都是对的，可以找到数据对应的名称，currentwindow.data里面也包含所需要的waterRightsHolderName和waterSourceLocation，j

2.如下图3.如果把currentwindow.data属性数据写死，可以渲染到页面中

weisheijinchi
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解vue项目中调用百度地图API使用方法
10-17
本文将详细讲解如何在Vue项目中调用百度地图API，包括申请密钥、引入API、配置Webpack、创建地图对象及在组件中使用等步骤。 **步骤一：申请百度地图密钥（AK）** 首先，你需要访问百度地图API的官方链接地址：...
vue 使用外部JS与调用原生API操作示例
12-13
在Vue.js应用开发中，有时候我们需要利用外部JavaScript库或调用原生设备API来扩展功能。本文将通过实例介绍如何在Vue项目中引入外部JS库并调用原生API。 ### 引入外部JS库 当开发过程中需要用到特定功能，如加密...
vue项目中使用腾讯地图
技术研究中心
12-16 2423
最近在使用腾讯地图api（以下以位置数据可视化API为例），在初建项目之后，按照官网的说法，直接引入 再将官网的初始化例子放一个方法 在mounted中调用即可看到腾讯地图，但是我引入之后，一直报TMap undefined，在网上搜到一种npm引入地图的方式，但是那个库太老了，没有GL的，别的就没搜到什么有用的东西了（也可能是因为我搜的说法不对），后来一位大佬指点，在控制台conso...
在vue中使用腾讯地图
记录点滴
12-06 5136
最近在做公司后台ERP系统时，用到了腾讯地图，遇到了不少坑，在这里记录下： 用到了几个主要知识点先说下： 1、单例的设计思想（在判断是否有map实例那块） 2、对象深度克隆 （创建门店那块） 3、this指向问题 （有很多，自己看） 引入 qqmap 腾讯官方未提供通过npm插件方式来安装腾讯地图，还好有大佬写了一个： https://www.npmjs.com/package...
vue 接口数据返回之后再渲染页面_Vue怎么让数据请求成功以后再渲染页面？
热门推荐
weixin_39970064的博客
12-22 1万+
需求如下：进入页面有一个检测按钮，点击即可向后端请求数据。进入页面如果不点击检测则显示如下点击检测 如果返回的是正常的状态则显示如果返回的状态是异常 则显示目前有个BUG 就是点击检测的时候 先从变为 然后马上变为 因为逻辑里面我是用v-if v-else 来判断未知(没有点击的状态)正常，异常(按钮点击过后根据返回的布尔值判断)下面贴一下代码：未知size="mini":type="isPr...
本以为精通Vue，没想到被前阿里大佬虐哭了
2401_84419493的博客
05-03 649
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。前端面试题汇总开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】JavaScript性能linux。
vue3移动端腾讯地图坐标拾取，获取当前定位（腾讯、高德、百度、天地图），火星坐标GCJ-02–＞百度坐标BD-09，根据坐标经纬度计算两点距离的方法，点击链接打开地图导航的方法
weixin_44308055的博客
05-09 6209
文章目录前言地图选点（坐标拾取）一、调用示例二、调用方法获取当前定位一、调用示例二、调用方法other：高德地图、百度地图、天地图获取当前定位的方法一、高德地图二、百度地图（支持异步加载）三、天地图腾讯、高德、百度地图坐标系相互转换的方法（火星坐标GCJ-02–>百度坐标BD-09）根据坐标经纬度计算两点距离的方法点击链接打开地图导航的方法总结 前言 具体请参考腾讯地图开发者平台 https://lbs.qq.com/webApi tips: 1、无论是腾讯地图还是高德、百度、天地图，都建议使用ht
Vue 项目里戳中你痛点的问题及解决办法（更新）
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
09-22 833
来源：愣锤https://juejin.im/post/6844903632815521799最近要求使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue项目开...
本以为精通Vue，没想到被前阿里大佬虐哭了......
__Apollos的技术专栏
03-17 222
前言 又到了金三银四的找工作季啦。我是一个入行一年多的前端菜鸟，去年夏天开始考虑换工作，陆续面试了几家中小公司。整理了几次面试复盘的笔记，希望对相似情况的小伙伴有所帮助「 也是方便自己以后回忆」，愿大家都能找到心仪的工作。 概况 公司：坐标上海，教育行业，前端团队 20人+。面试官：前端负责人，前阿里P7大佬，硕士毕业转行进入阿里。技术栈：团队目前主要使用 vue，后期打算采用 react...
BAT大佬写下的面试手册，我看完30天直接拿下字节、腾讯、蚂蚁Offer，跪谢这份手册
2301_79773949的博客
12-05 877
其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。面试结束后把各大厂的面试经验及高频考点梳理了一遍，整理了一套完整的前端面试考点总结（有PDF版在文末分享给大家），希望能够帮助计划冲大厂的小伙伴。11月4号进行内推，7天的简历评估，11号接到电话面试，尽管猝不及防回答仓促，但好在前期准备充分，通过。除了字节的面试，还参加了腾讯、蚂蚁等公司的面试，都收到了 offer，具体的的面经我都做了整理。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。
【总结】1239- 腾讯 Jest + React Testing Library 单测总结
pingan8787
02-20 490
1、背景以前还是学生的时候，有学习一门与测试相关的课程。那个时候，觉得测试就是写 test case，写断言，跑测试，以及查看 test case 的 coverage。整个流程和写法也不...
vue调用百度地图api
08-10
在Vue.js应用中调用百度地图API是一项常见的需求，它能帮助开发者实现地图展示、定位、路线规划等功能。本文将详细讲解如何在Vue项目中集成并使用百度地图API。 首先，你需要在百度地图开放平台...
在Vue中调用和风天气api展示天气详情和生活指数
01-20
在Vue.js中调用和风天气API以展示天气详情和生活指数是一项常见的功能，它能够为用户提供实时的天气信息和生活建议。以下是如何在Vue组件中实现这一功能的详细步骤和涉及的技术点： 首先，创建一个名为`Weather.vue...
vue实现电子签名、图片合成、及预览功能
weixin_58572700的博客
07-23 1425
本文介绍了电子签名、图片合成、及预览功能
vue+element 根据父容器动态设置table高度出滚动条
最新发布
xu_duo_i的博客
08-02 254
vue+element 根据父容器动态设置table高度出滚动条
VUE实现TAB切换不同页面
weixin_43159039的博客
08-02 307
SignList这三个页面就是需要切换的页面。
vue3中 provide/inject用法详解
红烧咸咸鱼
08-02 490
vue3中 provide/inject用法详解
Vue系列面试题
qq_44186810的博客
07-23 1381
Vue2中采用Object.defineProperty来实现数据响应式，Object.definePropery虽然可以监听到数组的变化，但是由于在性能和体验的性价比上考虑，Vue2放弃了这个特性。1）v-for优先于v-if被解析，从源码中发现，先处理静态节点，在处理once，在处理for，在处理if，代码显示for的优先级比if高，断点调试也证实for优先于if。v-if：是惰性渲染机制，在属性初始为false时，组件就不会被渲染，直到条件为true，并且切换条件时会触发销毁/挂载组件。
html调用腾讯地图定位当前位置,vue web项目中调用腾讯地图API获取当前位置的经纬度...
05-26
可以使用腾讯地图的JavaScript API来获取当前位置的经纬度。以下是一个使用Vue.js编写的示例代码： 1. 在`index.html`中引入腾讯地图的JavaScript API： ```html <script src="https://map.qq.com/api/js?v=2.exp&key=YOUR_KEY"></script> ``` 其中，`YOUR_KEY`需要替换成你自己的腾讯地图API密钥。 2. 在Vue组件中添加一个地图容器： ```html <template> <div ref="mapContainer" style="width: 100%; height: 400px;"></div> </template> ``` 3. 在Vue组件的`mounted`生命周期钩子中初始化地图，并获取当前位置的经纬度： ```js mounted() { // 初始化地图 this.initMap(); }, methods: { initMap() { // 创建地图实例 const map = new qq.maps.Map(this.$refs.mapContainer, { center: new qq.maps.LatLng(39.916527, 116.397128), // 默认北京市中心 zoom: 13, }); // 获取当前位置的经纬度 const geolocation = new qq.maps.Geolocation(); geolocation.getLocation( (position) => { const latLng = new qq.maps.LatLng( position.lat, position.lng ); // 将地图中心设置为当前位置 map.setCenter(latLng); }, () => { console.error("定位失败"); } ); }, } ``` 在上面的代码中，我们首先创建了一个地图实例，并将地图容器绑定到Vue组件的`$refs`属性中。然后，我们使用腾讯地图的Geolocation类来获取当前位置的经纬度，并将地图中心设置为当前位置。如果定位失败，则会在控制台输出错误信息。 注意：在使用腾讯地图API时，需要先在腾讯云上开通地图API服务，并申请密钥。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值