最近在用react做一個項目，需要使用到地圖展示地址，由於之前就有用過百度地圖，申請過ak，所以這次就直接用百度地圖了。但是之前是使用vue，react怎麼使用百度地圖還是第一次，特此記錄，以備有需要的人。
本文首發於本人的個人博客：https://jilezhainanshe.com/posts/4516e45d/ 未經授權，禁止轉載。
首先去百度地圖開放平臺申請應用AK，這裏就不詳細描述了，有百度賬號的直接去官網創建一個應用就有AK了，百度地圖開放平臺地址：http://lbsyun.baidu.com。
首先需要在項目中的index.html文件中引入百度地圖js鏈接，我在項目中找了半天，居然沒發現index.html模板文件，後來我去翻了umi文檔，在HTML模板中找到這麼一句話：
原來是要自己新建模板文件啊，我立馬按照文檔方法在pages下面新建了一個模板文件，然後把百度地圖js鏈接引入了進去：
ak = 後面填你的應用ak祕鑰
然後就可以在項目中愉快的玩耍了：
注意事項：這裏並不使用import方式來導入BMap，而是使用window.BMap來獲取地圖實例。
react是模塊化開發，如果不是以import方式引入進來的話，會報錯爲BMap is undefined，但是放在window對象上是可以取得到的，刷新一下頁面，在控制檯中輸入BMap是能夠獲取到，輸入window發現BMap對象已經掛載到上面。
好了這樣就大功告成了。