uniapp(9月10号笔记 1) 获取城市地址(高德|腾讯),iconfont的使用 ,Hbulider微信小程序运行

高德地图sdk – 获取城市地址

1-登录高德开放平台,在 【控制台】中 -》【应用管理】-》【我的应用】中-》右上角【创建新应用】
高德地图开放平台

2- 点击添加的应用 右边 【添加】按钮,填写信息,成功,获取key(密钥)
在这里插入图片描述
3-下载微信小程序插件,获取sdk文件(amap-wx.js)
微信小程序插件
在这里插入图片描述
4- 将sdk文件导入到目标文件夹中
5-复制密钥,开始使用。
vue文件导入sdk文件:

import amap from "@/common/amap-wx.js" //高德地图 sdk

6-使用

data(){
	return {
		city: null,
		key: '高德地图密钥key'
	}
},
onLoad(){
this.getUserLocation();
},
method(){
	//获取我的位置
    getUserLocation() {
      var that = this;
      //高德地图密钥,sdk
      var amapPlugin = new amap.AMapWX({ key: this.key });
      uni.showLoading({
        title: "获取信息中",
      });
      amapPlugin.getRegeo({
        success: (
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值