在vue中使用腾讯地图

最新推荐文章于 2025-03-22 11:43:05 发布

美好明天~

最新推荐文章于 2025-03-22 11:43:05 发布

阅读量2.8k

点赞数

文章标签： vue.js javascript html

本文链接：https://blog.youkuaiyun.com/qq_27859843/article/details/106121447

版权

本文详细介绍如何在Vue项目中引入并使用腾讯地图API。从注册成为开发者获取key开始，解决Tmap无法找到的问题，通过在mounted钩子中执行方法实现地图功能。文章还提供了在遇到qq参数找不到时的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开始是腾讯地图文档登录注册成为开发者，随后申请key，我们直接到第二步开始使用。
以此处https://lbs.qq.com/webApi/javascriptGL/glGuide/glBasic 的开发文档为例子。示例是直接引入script执行。
在引入的时候，我们在vue里面写会遇到Tmap无法寻找到的问题。
此处使用window.Tmap 即可。实际上在window里已经有了Tmap可以使用。只是没有找到而已。
(查看网上资料，使用Tmap单独写一个js文件导入的时候会遇到qq参数无法找到的问题。替换为window.qq即可)
写完这个方法。我们在mounted里面执行这个方法即可。