如何在Html5中获取高德地图定位天气

　　介绍

本篇文章给大家分享的是有关如何在Html5中获取高德地图定位天气,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

创建一个同理。js文件

//, AMap.js//,高德map ,, https://webapi.amap.com/maps?v=1.4.11&关键=你的高德地图的关键 　　export  default  function  MapLoader  (), { 　　return  new 承诺((解决,,拒绝),=祝辞,{ 　　if  (window.AMap), { 　　解决(window.AMap)才能 　　},{else  　　var 才能;script =, document.createElement(& # 39;脚本# 39;) 　　时间=script.type 才能;& # 39;text/javascript # 39; 　　script.async 才能=,真的//这才能里引入的是全部模块,或者按需要模块引入,加参数插件=澳？槊? 　　,script.src =,,,& # 39;http://webapi.amap.com/maps?v=1.4.11&调=initAMap&关键=6747 cb97 * * * * * * * * * * * * * * * * 7 e774b4b62& # 39;,//你的高德应用AK (申请参考官方文档) 　　script.onerror 才能=拒绝 　　document.head.appendChild才能(脚本)& # 39;& # 39; 　　} 　　window.initAMap =,(),=祝辞,{ 　　解决(window.AMap)才能 　　} 　　}) 　　}

使用

vue示例

import  MapLoader 得到& # 39;@/共同/SDK/AMap.js& # 39; 　　 　　MapLoader(),然后(AMap =祝辞,{ 　　,,,,,,,,,,,,,,,//加载定位插件 　　,,,,,,,,,,,,,,,AMap.plugin ((& # 39; AMap.Geolocation& # 39;,, & # 39; AMap.Weather& # 39;],,()函数,{ 　　,,,,,,,,,,,,,,,,,,,var  geolocation =, new  AMap.Geolocation ({ 　　,,,,,,,,,,,,,,,,,,,,,,,//,是否使用高精度定位,默认:真的 　　,,,,,,,,,,,,,,,,,,,,,,,enableHighAccuracy:,真的, 　　,,,,,,,,,,,,,,,,,,,,,,,//,设置定位超时时间,默认:无穷大 　　,,,,,,,,,,,,,,,,,,,,,,,超时:,10000年, 　　,,,,,,,,,,,,,,,,,,,,,,,//,定位按钮的停靠位置的偏移量,默认:像素(10,20) 　　,,,,,,,,,,,,,,,,,,,,,,,buttonOffset:, new  AMap.Pixel (10, 20), 　　,,,,,,,,,,,,,,,,,,,,,,,//,,定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:假的 　　,,,,,,,,,,,,,,,,,,,,,,,zoomToAccuracy:,真的, 　　,,,,,,,,,,,,,,,,,,,,,,,//,,定位按钮的排放位置,,,RB表示右下 　　,,,,,,,,,,,,,,,,,,,,,,,buttonPosition:, & # 39; rb # 39; 　　,,,,,,,,,,,,,,,,,,,}) 　　,,,,,,,,,,, 　　,,,,,,,,,,,,,,,,,,,geolocation.getCurrentPosition () 　　,,,,,,,,,,,,,,,,,,,AMap.event.addListener(地理位置,& # 39;不能# 39;,,onComplete) 　　,,,,,,,,,,,,,,,,,,,AMap.event.addListener(地理位置,& # 39;错误# 39;,,onError) 　　,,,,,,,,,,,,,,,,,,,var  weather =, new  AMap.Weather (); 　　,,,,,,,,,,, 　　,,,,,,,,,,,,,,,,,,,function  onComplete(数据),{ 　　,,,,,,,,,,,,,,,,,,,,,,,//,数据是具体的定位信息 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

如何在Html5中获取高德地图定位天气