1. 程式人生 > >騰訊地圖引用到react專案

騰訊地圖引用到react專案

基本參考 http://www.cnblogs.com/softidea/p/6946779.html 這位大神的文章

前言:

因為我們組好像用的都是騰訊地圖,而且小程式那邊獲取到的經緯度也是騰訊地圖的,所以這邊用的就是騰訊的,而文章中的大神用的是百度地圖,但是百度地圖現在有react的元件,可以用npm下載呼叫,騰訊地圖目前好像沒有,所以我參照百度地圖的修改了

1.首先在html檔案中加入script引入騰訊地圖地址和key

2.在html中加入全域性變數

window.QMap = qq.maps;

3.在webpack.dev.js中的extenrnal加入

externals: {

    "QMap": "qq.maps"

}

4.直接在react檔案中引入window.QMap就可以使用騰訊地圖的介面地址了

eg:

window.QMap.Map()