使用高德地图获取当地的天气温度等数据

使用高德提供的api接口,获取所在地的温度,天气等数据。

1.通过高德地图创建应用,获取密钥以及key值

        (1)登录高德地图后点击创建新应用

       使用高德地图获取当地的天气温度等数据_第1张图片

(输入要创建的应用名称和选择类型)

        (2)点击添加,填写相关的信息,获得赋予的key以及安全密钥等信息

使用高德地图获取当地的天气温度等数据_第2张图片

使用高德地图获取当地的天气温度等数据_第3张图片 

        (根据创建的应用类型填写即可)

随后便会得到创建应用的key值以及安全密钥,将获取的值在vue项目中public目录下的index.html页面进行填写


随后在你要获取值的页面中输入以下的代码

getLngLatLocation() {
	AMap.plugin("AMap.CitySearch", function () {
		var citySearch = new AMap.CitySearch();
		citySearch.getLocalCity(function (status, result) {
			if (status === "complete" && result.info === "OK") {
				AMap.plugin("AMap.Weather", function () {
				    var weather = new AMap.Weather();
					//执行实时天气信息查询
					weather.getLive(result.city, function (err, data) {
						console.log("天气", data);
					});
				});
			}
		});
	});
}

随后便可在控制台输出相关的内容

你可能感兴趣的:(vue.js,javascript,ecmascript)