uniapp中app、h5、小程序引入高德地图定位，并封装起来调用。

ps：如果你只想用在一个平台上那么就看对应的准备工作即可。例：你只需h5接入地图，那么你只需看   一. h5接入高德地图准备工作和最后的代码即可。

h5获取到的数据如下

 app获取如下

{
	"type": "GCJ02",
	"altitude": 0,
	"latitude": 44.302997,
	"longitude": 86.036162,
	"speed": 0,
	"accuracy": 30,
	"address": {
		"country": "中国",
		"province": "新疆维吾尔自治区",
		"city": "新疆维吾尔自治区",
		"district": "石河子市",
		"street": "北环路",
		"streetNum": "4号",
		"poiName": "中国工商银行(西环路支行)",
		"cityCode": "0993"
	},
	"errMsg": "getLocation:ok"
}

一. h5接入高德地图准备工作

1. 去高德地图平台申请应用的key，h5一定要申请web端(js api)，不然后报key值不匹配

   附：高德地图web js api：https://lbs.amap.com/api/javascript-api/guide/abc/prepare

2.获取key值后浏览器访问该链接，记得替换key值： https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值

3.将访问到的js复制过来，放在maps.js里面（叫什么无所谓，能找到就行，后面要引用它）我放在了utils里面

4.h5的准备工作结束

二. 小程序接入高德地图准备工作 

1. 去高德地图平台申请小程序应用的key

 2.下载小程序的js文件链接：https://lbs.amap.com/api/wx/download

3.下载完后将amap-wx.js文件解压到项目即可（自己在项目中能找到，后面要调用），我是和maps.js一样放在了utils里面

 4.小程序准备工作结束

三. app接入高德地图准备工作 

1. 去高德地图平台申请应用的key，这个需要申请两个，因为android和ios双端。

2.获取证书的SHA1签名

1） 将打包的apk修改后缀为 .zip文件后解压；
2） 进入解压后的META-INF目录，该目录下会存在文件CERT.RSA
3） 在该目录下打开cmd，输入命令 ：

keytool -printcert -file CERT.RSA

这里将会显示出MD5和SHA1签名。

4)   复制下来测试版和发布版都填一样的就行。

 3. packageName（包名）就是你打包时候的那个名字。

 4.获取到key值后要去配置uniapp中的manifest.json文件 ，其中appkey_android填写获取到的key值即可。（ios我没有申请，随便填一个或者都填Android的key）

 5. 打包自定义基座，使用自有证书（如果没有证书可以自己去生成一个或者先使用公共测试证书，但是后面记得要改高德平台的SHA1签名） ，包名要和申请key的包名一致。

6.app准备工作完成

四. 代码部分

1.新建js文件用来封装代码，我是在根目录common文件夹下新建的fun.js

2.封装的fun.js代码

//h5 要调用的js文件
// #ifdef H5
import amap from '@/utils/maps.js';
// #endif
//微信小程序要调用的js文件
// #ifdef MP  
import amap from '@/utils/amap-wx.js';
// #endif
//获取位置信息
const getlocation = (opt) => {
	return new Promise((resolve, reject) => {
		//h5开始
		// #ifdef H5
		AMap.plugin('AMap.Geolocation', function() {
			uni.showLoading({
				title: '系统正在定位'
			});
			var geolocation = new AMap.Geolocation({
				enableHighAccuracy: true, //是否使用高精度定位，默认:true
				timeout: 10000, //超过10秒后停止定位，默认：5s
				buttonPosition: 'RB', //定位按钮的停靠位置
				buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
				zoomToAccuracy: true, //定位成功后是否自动调整地图视野到定位点

			});
			geolocation.getCurrentPosition(function(status, result) {
				if (status == 'complete') {
					//这个地方的result，可能会出现报错：获得地理定位时间。得到ipLocation成功。获取地址失败，请检查您的密钥或网络。
					//可能是密匙申请错了，重新申请密匙，生成maps.js文件。
					console.log(result)
					uni.hideLoading();
					resolve(result)
				} else {
					uni.hideLoading();
					uni.showToast({
						title: '定位失败',
					});
					reject(result)
				}
			});
		});
		// #endif
		//h5结束
		
		//app开始
		// #ifdef APP-PLUS
		uni.showLoading({
			title: '获取信息中'
		});
		uni.getLocation({
			// map组件默认为国测局坐标gcj02，调用 uni.getLocation返回结果传递给组件时，需指定 type 为 gcj02 
			type: 'gcj02',
			geocode: true,
			success: function(data) {
				resolve(data)
				console.log(data)
			},
			fail: function(err) {
				reject(err)
			},
			complete() {
				uni.hideLoading();
			}
		})
		// #endif
		//app结束
		
		///小程序开始
		// #ifdef MP
		var amapPlugin = new amap.AMapWX({
			key: '8e7a51da1d2879*************'  //此处为高德平台申请的微信小程序的key
		});
		uni.showLoading({
			title: '获取信息中'
		});
		amapPlugin.getRegeo({
			success: function(data) {
				resolve(data)
			},
			fail: function(err) {
				reject(err)
			},
			complete: function() {
				uni.hideLoading();
			}
		});
		// #endif
		//小程序结束
	})
};
export default {
	getlocation: getlocation
}

3. 在main.js中引用fun.js,加入这两行即可

import data from 'common/common.js'
Vue.prototype.$ = $

 4.页面调用代码

	onLoad(e) {
		 this.init();
		},
		methods: {
			async init() {
					var t = this;
				t.$.getlocation().then(res => {
					console.log(res)
				}).catch(err => {
					console.log(err)
				})
			},
}