uniapp编译微信小程序与app使用高德地图api定位(百度地图同理)

原创于 2020-10-24 17:34:55 发布 · 2.4k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#1024程序员节 #javascript

uniapp 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何在微信小程序和App中集成高德地图API，包括创建应用、设置平台密钥、使用SDK进行定位，并提供了具体的代码示例，展示了如何获取用户的地理位置信息。

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

1.去高德地图创建自己的应用
2.填写ios、Android平台和小程序的key(自定义)、Android平台的发布版安全码SHA1，如果没有可以填hbuliderx的公共测试证书里的。ios需要填安全码Bundle ID(打包的包名)
3.不管是app端还是小程序都可以使用高德提供的微信小程序的SDK
4.微信小程序的key需要写在代码里
5.app端key
6.使用

//map.js
import amap from './js-map-sdk/amap-wx.js';

const gdMap = new amap.AMapWX({
	key: '微信小程序申请的key',
});

const getgdMap = function(callback){
	gdMap.getRegeo({
		type: 'gcj02',
		success: function(res) {
			const latitude = res[0].latitude;
			const longitude = res[0].longitude;
			try{ //防止定位出错
				let city = res[0].regeocodeData.addressComponent.city;
				callback && callback(city);	
			}catch(error){
				callback && callback('厦门市');
			}
		},
		fail: (res) => {
			uni.showToast({
				title:'获取定位失败',
				icon:'none',
			})
			callback && callback('厦门市');
		},
	});
};

export default { getgdMap };