腾讯地图使用

最新推荐文章于 2024-04-02 14:17:17 发布

ljg963419

最新推荐文章于 2024-04-02 14:17:17 发布

阅读量3.3k

点赞数

分类专栏：软件开发文章标签：微信小程序 Powered by 金山文档

本文链接：https://blog.csdn.net/ljg963419/article/details/128502766

版权

小程序中使用地图JS SDK

1. 申请开发者密钥（key）：申请密钥

https://lbs.qq.com/console/mykey.html

开通webserviceAPI服务：控制台 ->应用管理 -> 我的应用 ->添加key-> 勾选WebServiceAPI -> 保存

(小程序SDK需要用到webserviceAPI的部分服务，所以使用该功能的KEY需要具备相应的权限)

2. 下载微信小程序JavaScriptSDK，微信小程序JavaScriptSDK v1.0，解压后，将qqmap-wx-jssdk.min.js放入您的项目目录中。

http://3gimg.qq.com/lightmap/xcx/jssdk/qqmap-wx-jssdk1.0.zip

3. 安全域名设置：

小程序开发者登录微信公众平台（

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ljg963419

关注关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
腾讯地图使用

腾讯地图使用备忘
复制链接

扫一扫

专栏目录

微信小程序使用TS+腾讯位置API，输入地址，解析经纬度（全局封装及调用）

core_song的博客

04-11

1278

我们有时候做小程序时需要用到获取地址的经纬度，腾讯位置提供了相关API，我们可以使用其API进行调用实现功能。

腾讯地图

weixin_43925579的博客

06-05

1476

/** * 微信小程序JavaScriptSDK * * @version 1.2 * @date 2019-03-06 * @author v_ylyue@tencent.com */ var ERROR_CONF = { KEY_ERR: 311, KEY_ERR_MSG: 'key格式错误', PARAM_ERR: 310, PARAM_ERR_MSG: '请求参数信息有误', SYSTEM_ERR: 600, SYSTEM_ERR_MS

参与评论您还未登录，请先登录后发表或查看评论

qqmap-wx-jssdk.js

07-15

腾讯地图-微信小程序核心类

微信小程序 - 腾讯地图SDK

Qianmoer的博客

07-13

2895

微信小程序_腾讯地图SDK(在官方基础上增加路径规划功能) 以下为使用方法。js文件中有大量注释。官方文档传送门做一下简单的使用摘要 #简介#腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持，使得开发者可以自由地实现自己的微信小程序产品。

qqmap-wx-jssdk.min.js

sxy323的博客

02-08

598

qqmap-wx-jssdk.min.js

腾讯地图入门

weixin_38814470的博客

04-26

247

11-29

03-29

腾讯地图插件使用场景 >>> 场景1： -收到小程序的婚礼请柬，但是请柬上的地址找不到？怎么办？ -用路线插件给用户指路~ 如果你开发的是请柬邀请类的小程序，就会遇到上述场景。在传统开发模式中，引入完整...

腾讯地图Demo

12-30

腾讯地图Demo是一个包含了一系列地图应用示例的项目，旨在帮助开发者深入理解和学习如何利用腾讯地图API来构建自己的地图应用。这个Demo集成了多种地图功能，包括基础定位、地理围栏等，非常适合对地图开发感兴趣的...

qqmap-wx-jssdk插件

08-30

qqmap-wx-jssdk插件

腾讯地图qqmap-wx-jssdk

08-14

腾讯地图SDK，可用于根据经纬度获取城市信息，如省，市，区，附近街道等

腾讯地图jdk qqmap-wx-jssdk

06-08

H5腾讯地图选择位置组件

最新发布

04-28

在H5应用开发中，腾讯地图选择位置组件是一种常见的功能，它允许用户在地图上选择一个具体的地理位置，并将其坐标信息用于应用的各种用途，如导航、定位、数据分析等。本组件通常与JavaScript SDK结合使用，为开发者...

uniapp开发小程序解析经纬度获取当前位置信息（腾讯地图二）

weixin_53339757的博客

03-27

6737

uniapp开发小程序解析经纬度换取详细中文地址

uniapp：小程序腾讯地图程序文件qqmap-wx-jssdk.js 文件一直找不到无法导入

m0_65069237的博客

04-02

1470

或者导出的名称与导入的名称不匹配，也会引发错误。官方的和我这里本地小程序导出方式不同我这里需要export default QQMapWX;导出而不是官方的module.exports = QQMapWX;在使用腾讯地图api时无法导入到qqmap-wx-jssdk.js文件。然后导入：这里是我的路径位置，可以根据自己的路径位置进行更改导入。解决方法：1、打开qqmap-wx-jssdk.js最后一行。文件存在，但并未正确导出。

腾讯地图小程序qqmap-wx-jssdk.js 文件一直找不到

Hucp7的博客

12-16

5796

错误信息解决办法第一步先将下载下来的qqmap-wx-jssdk.js文件修改 module.exports = QQMapWX; 修改成 export default QQMapWX; 第二步在写一对script 标签 type类型必须是module 官方文档的这句话千万别用 var QQMapWX = require('../../libs/qqmap-wx-jssdk.js'); 改成 import QQMapWX from '../s...

微信小程序报错“qqmap-wx-jssdk.js‘ is not defined”解决方法

qq_56579776的博客

01-12

1572

清除缓存：在开发过程中，清除微信开发者工具的缓存可能会解决一些暂时性的问题。检查引用顺序：确保在使用腾讯地图SDK之前，已经正确引入了必要的脚本。一般情况下，应先引入微信小程序的地图组件，然后再引入腾讯地图的JS SDK。查阅官方文档：腾讯地图和微信小程序的官方文档通常会提供详细的指导，包括如何正确引入和使用SDK。检查JS代码：检查你的JS代码，确保没有拼写错误或遗漏了必要的变量或函数。检查SDK版本：确认你使用的腾讯地图JS SDK版本与微信小程序版本兼容。有时，权限不足可能导致某些功能无法正常使用。

小程序地理定位之使用qqmap-wx-jssdk.min.js插件获取当前位置和附近的地址列表加入关键词搜索

热门推荐

勤勇的博客

01-25

1万+

<view class="search"> <input placeholder='搜索' placeholder-style='color:#97a7b7;font-size:28rpx' type='text' class='searchBtn' bindinput='bindSearch'> <image class="s...

uniapp腾讯地图使用

09-09

UniApp 是一种基于 Vue.js 的跨平台开发框架，它可以帮助开发者在不同的移动操作系统上快速构建应用程序。要在 UniApp 中使用腾讯地图，你可以按照以下步骤进行： 1. 在腾讯地图开放平台（https://lbs.qq.com/）上注册并创建应用，获取 AppKey。 2. 在 UniApp 项目的 manifest.json 文件中配置腾讯地图 SDK 的引入。示例代码如下： ``` "mp-weixin": { "plugins": { "tencentMapSDK": { "version": "1.3.2", "provider": "wxa8d7e593b2c3aXXX" } } }, "app-plus": { "plugins": { "tencentMapSDK": { "version": "1.3.2", "provider": "wxa8d7e593b2c3aXXX" } } } ``` 其中，"provider" 后面的值需要替换为你在腾讯地图开放平台中创建应用后获取到的 AppKey。 3. 在需要使用腾讯地图的页面中引入 SDK 并调用相关接口。示例代码如下： ``` <template> <view> <t-map id="map" :longitude="longitude" :latitude="latitude"></t-map> </view> </template> <script> export default { data() { return { longitude: 113.324520, latitude: 23.099994 } }, onLoad() { uni.getLocation({ success: (res) => { this.longitude = res.longitude; this.latitude = res.latitude; } }) } } </script> ``` 在这个示例中，在 onLoad 方法中通过 uni.getLocation 获取当前位置的经纬度，并将其赋值给 t-map 组件的 longitude 和 latitude 属性，实现在地图上展示当前位置。以上是一个简单的示例，具体使用腾讯地图的功能，你还可以参考腾讯地图 SDK 的文档进行更多的调用和配置。希望对你有帮助！如有问题，请随时追问。