vue3获取当前位置和当前天气情况

流程如下:

1、安装百度地图

先在根目录上(或者public中)的index.html文件的body标签中加入

vue3获取当前位置和当前天气情况_第1张图片

 

 

然后,新建一个bdmap.js文件,放入以下内容,并且在你要使用的页面中引入,

export default {
    init: function () {
        const AK = "EAG3waLsHfeWew8ZjxlvQgvxuqXY5moB"; //AK
        const BMap_URL =
            "https://api.map.baidu.com/api?v=2.0&ak=" +
            AK +
            "&s=1&callback=onBMapCallback";
        return new Promise((resolve, reject) => {
            // 如果已加载直接返回
            if (typeof BMap !== "undefined") {
                resolve(BMap);
                return true;
            }
            // 百度地图异步加载回调处理
            window.onBMapCallback = function () {
                resolve(BMap);
            };

            // 插入script脚本
            let scriptNode = document.createElement("script");
            // scriptNode.setAttribute(type, 'text/javascript');
            scriptNode.setAttribute("src", BMap_URL);
            document.body.appendChild(scriptNode);
        });
    },
};

2、结合浏览器获取你所在城市位置

3、通过位置获取城市ID

4、通过城市ID获取城市天气状况






可以尝试复制代码  去获取你想要得到的信息

你可能感兴趣的:(vue.js,百度)