微信小程序----高德地图开发应用（获取key）

最新推荐文章于 2024-02-28 09:29:21 发布
最新推荐文章于 2024-02-28 09:29:21 发布
阅读量5.1k 收藏 12
点赞数 2
分类专栏： 微信小程序 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38082783/article/details/79225691
版权

WXRUI体验二维码

WXRUI体验码

如果文章对你有帮助的话，请打开微信扫一下二维码，点击一下广告，支持一下作者！谢谢！

创建应用

  1. 打开创建应用控制台

进入控制台，创建一个新应用。

打开创建应用控制台

2、点击创建新应用进入创建模态框

输入创建应用名称和应用类型

这里写图片描述

添加新Key

1、添加新Key

在创建的应用上点击"添加新Key"按钮。

这里写图片描述

2、创建key

在弹出的对话框中，输入Key名称，选择绑定的服务平台为“微信小程序”。

这里写图片描述

得到key

这里写图片描述

WXRUI体验二维码

WXRUI体验码

如果文章对你有帮助的话，请打开微信扫一下二维码，点击一下广告，支持一下作者！谢谢！

其他

我的博客，欢迎交流！

我的CSDN博客，欢迎交流！

微信小程序专栏

前端笔记专栏

微信小程序实现部分高德地图功能的DEMO下载

微信小程序实现MUI的部分效果的DEMO下载

微信小程序实现MUI的GIT项目地址

微信小程序实例列表

前端笔记列表

游戏列表

Rattenking
关注
  • 2
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
微信小程序开发：实现地图导航功能
吃不胖.
08-15 3862
地图导航功能是近年来移动应用中极为常见的功能之一，它能够为用户提供准确的地理位置信息以及最佳的路线规划，帮助用户快速准确地找到目的地。微信小程序开发中的地图导航功能，需要通过多种技术手段综合实现，包括地图API、定位、路线规划、搜索服务等，下面将详细介绍这些技术手段的实现。开发者可以通过腾讯地图API中提供的搜索服务接口，实现关键字搜索功能。在用户授权后，开发者可以通过小程序API中提供的接口，获取用户当前的位置信息。腾讯地图API提供了地图交互的接口，开发者可以在小程序中调用该接口，实现地图交互功能。
微信小程序-校园综合服务平台系统源码.zip
05-28
微信小程序-校园综合服务平台系统源码。微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码微信小程序-校园综合服务平台系统源码信小程序-校园综合服务平台系统源码平台系统源码微信小程序-校园综合服务平台系统源码
Android实现高德地图key值申请和地图显示
qq_37710798的博客
04-08 1375
摘要： 因为工作的原因所以需要用到高德地图，所以开始记录一下。目前已经完成了开发，包括高德地图的缩放功能，逆地址编码，地图底部显示数据等。今天开始从头记录一下，大家以后还是不要写完在记录了，真的会忘记啊！！！ 一、申请和配置 首先来看一下申请和配置的流程： 1、申请注册成为开发者。 大家就直接像平时一样到高德地图的开放平台注册账号密码一样。下面这个是到高德地图的地址。 ...
uniapp 微信小程序使用高德地图Vue3不兼容Vue2问题
最新发布
qq_36158551的博客
02-28 798
uniapp Vue3项目引用高德地图报错。
小计：怎样在微信小程序中使用高德地图，10分钟出页面。
Xpy 的博客
05-26 1580
一、申请高德地图key 高德地图文档写的很详细，这里我就不赘述了： 高德地图微信小程序入门指南传送门：https://lbs.amap.com/api/wx/gettingstarted 文档中包含了： 下载并安装微信小程序开发工具 获取高德Key 创建项目 下载并安装微信小程序SDK 设置安全通讯域名 注意：配置好了之后，一定要重启微信开发者工具！ 完整的code：Hello AMapWX ( js、wxml、wxss ) 注意js文件中的，引入路径，引入的图片，key值都需要手动修改 二、全部
微信小程序：高德地图在小程序中的实践（含静态地图）
coldriversnow的专栏
12-08 482
来看看需求和问题：房产相关的项目，详情中需要显示房源地址，底部要有固定的菜单（不是tabbar），房源数据过多，数据超过一屏时，map组件从底部进入，会穿透固定在底部的菜单，导致页面闪烁。鉴于我司全部项目数据使用的是高德地图，在小程序中为了坐标一致，也使用高德推出的 微信小程序SDK。参考一些行业大佬的产品，发现他们使用的只是一张图片，没有使用原生的map组件去实现，我想可能也是开发中遇到了坑。参照官方的教程，在获取相应的key值，并下载所需的文件到本地，在项目中使用。前人栽树，后人乘凉。
【vue2高德地图api】01-创建应用，获取key值
qq_51055690的博客
10-17 449
拥有自己的key，高德地图api，怕内容过长过多，在vue2项目中实现丢到下一期。
微信小程序开发如何开启地图定位（个人开发版）（连接第三方百度地图api）
weixin_49743062的博客
01-11 5936
为能够正常展示地图和检索结果，打开 pages/index/index.wxml 文件，用下面的代码完全替换原代码。打开快速创建的微信小程序 pages/index/index.js 文件，用下面的代码完全替换原代码。而我的小程序需要用到获取定位且逆地址解析功能 因此我选择去查找其他第三方开源地图api。之后便可以在 设置--第三方设置中添加自己所需要的腾讯地图插件。接下来就可以在自己的微信小程序里 使用到百度地图为小程序提供的。因为我做的小程序中需要用到地图选点功能 但是在安装。
微信小程序地图导航实例讲解
weixin_42133396的博客
05-07 1万+
微信小程序地图导航实例讲解先上演示视频准备工作watch页面代码watch.wxmlwatch.wxsswatch.jsconnect导航页面使用在腾讯位置服务需要获取key地图选点当用户未点击选址时，默认传入用户当前地址，可以在onShow方法中定义代码解读地图导航 先上演示视频 微信小程序地图导航 ............
【小程序地图】uniapp开发微信小程序，显示地图功能，且点击后打开高德或腾讯地图。
weixin_48596030的博客
06-22 7843
uniapp开发微信小程序，显示地图功能，且点击后打开高德或腾讯地图。
微信小程序 ---- 组件应用和实际开发的DEMO
01-09
微信小程序系列----有三十个微信小程序的组件应用和实际开发的一些DEMO！
微信小程序-微信小程序-豆瓣电影
08-06
微信小程序-豆瓣电影-测试案例 1、app.js 封装请求方式函数 fetchApi 2、app.json 配置文件(配置页面样式、多少页面、菜单按钮) 3、app.wxss 全局样式文件（定义页面的全局样式） 4、效果图 5、填入appid后保错...
微信小程序-瀑布流布局.zip
04-20
微信小程序-瀑布流布局.zip，小程序模板代码，可以直接从源码里粘贴复制过来，虽然这样做不利于自己独立编写代码。
微信小程序----高德地图API实现的DEMO
02-07
微信小程序----高德地图API实现的周边，天气，路线规划，地址详情等的DEMO。简单的效果，问一下官方能不能不要乱涨积分，你们涨积分，作者被骂！我真的很失望，再这样，我就不上传资源了！
微信小程序----返回上一页刷新或当前页刷新
热门推荐
止于至善
04-05 19万+
HTML实现当前页面刷新 首先我们都知道在HTML页面我们要实现当前页面刷新一般会怎么解决呢？ 1，reload()方法刷新当前页面； 2，replace() 方法刷新当前页面； 3，页面自动刷新当前页面； 三种实现js 刷新当前页面的方法用法 微信小程序—-返回上一页刷新或当前页刷新 1，在实现效果之前，需要知道微信小程序的页面生命周期，不是很清楚的可以看微信小程序
微信小程序----日期时间选择器（自定义精确到分秒或时段）（MUI日期时间）
止于至善
12-28 10万+
DEMO下载 效果图 实现原理 利用微信小程序的picker组件的多列选择器实现！ WXML view class="tui-picker-content"> view class="tui-picker-name">时间选择器（选择时分）view> pi
微信小程序----模板（template）
止于至善
12-27 8万+
DEMO下载 效果图 以MUI的实例首页和列表页面为实例 通过上图，可以看出两个页面的列表部分很相近，以每行作为单元制作模板。 template模板 1、模板存放的位置以及使用模板页面存放的位置 template模板的WXML template name="listNone"> view class=&quo
微信小程序----icon组件
止于至善
12-26 8万+
效果图 原生的icon组件的属性 WXML view class="icon-group"> icon wx:for="{{typeList}}" type="{{item}}" size="40"&g
uniapp微信小程序如何使用高德地图开发
07-15
在uniapp中使用高德地图开发微信小程序，你需要进行以下步骤： 1. 在高德开放平台上注册账号并创建应用，获取到你的应用的App Key。 2. 在uniapp项目中的`common/manifest.json`文件中，添加微信小程序的配置信息，包括`appkey`和`permission`字段，示例如下： ```json { "mp-weixin": { "appid": "你的微信小程序appid", "appkey": "你的高德地图应用的App Key", "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序展示地理位置" } } } } ``` 3. 在uniapp项目中安装高德地图插件。可以使用命令行或者HBuilderX进行安装，例如在命令行中执行以下命令： ``` npm install @dcloudio/uni-amap --save ``` 4. 在uniapp项目中的`pages.json`文件中，添加高德地图插件的引用，示例如下： ```json { "pages": [ { "path": "pages/map/map", "style": { "navigationStyle": "custom" }, "window": { "usingComponents": { "amap": "@dcloudio/uni-amap/uni-amap" } } } ] } ``` 5. 在需要使用高德地图的页面中，使用`amap`组件进行地图展示和相关操作，可以参考高德地图插件的文档进行具体使用。 这样就可以在uniapp中使用高德地图开发微信小程序了。记得在使用高德地图相关功能时，需要在小程序的`app.json`文件中配置域名白名单，允许使用高德地图相关API。 希望对你有帮助！如果还有其他问题，请继续提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Rattenking

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值