流程如下：

成都創(chuàng)新互聯(lián)公司服務(wù)項目包括濠江網(wǎng)站建設(shè)、濠江網(wǎng)站制作、濠江網(wǎng)頁制作以及濠江網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，濠江網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到濠江省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

1、安裝百度地圖

先在根目錄上（或者public中）的index.html文件的body標(biāo)簽中加入

在使用let myCity = new BMap.LocalCity();的時候報錯了，BMap找不到，也試過了網(wǎng)上說的

let myCity = new?window.BMap.LocalCity()還是不行；但是在網(wǎng)上找到了個方法給解決了，

const BMap = (window as any).BMapGL;

就可以了，

然后，新建一個bmap.js文件，放入以下內(nèi)容，并且在你要使用的頁面中引入，

export default {
  init: function () {
    const AK = "5ieMMexWmzB9jivTq6oCRX9j&callback"; //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;
      }
      // 百度地圖異步加載回調(diào)處理
      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、結(jié)合瀏覽器獲取你所在城市位置

3、通過位置獲取城市ID

4、通過城市ID獲取城市天氣狀況（這三個步驟都在一個頁面實現(xiàn)的，所以就直接上代碼了）

位置信息打印出來是這樣的

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級服務(wù)器適合批量采購，新人活動首月15元起，快前往官網(wǎng)查看詳情吧

新聞標(biāo)題：使用vue3使用百度地圖實現(xiàn)定位并獲取天氣狀況-創(chuàng)新互聯(lián)
文章地址：http://weahome.cn/article/dceodo.html