React 使用腾讯地图

参考https://www.cnblogs.com/softidea/p/6946779.html添加链接描述
背景：
直接使用不行，会报错 qq不存在

两种方法：

第一种 不推荐

首先在html文件中加入script引入腾讯地图地址和key
在html中加入全局变量
window.QMap = qq.maps;

<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=mykey&libraries=geometry"></script>
    <script>
      window.QMap = qq.maps;
    </script>

使用new QMap.Map(this.refs.map, this.props.options);

第二种 推荐
在react的webpack里面设置

module.exports = {
  externals:{
    'QMap':'qq.maps'
  },
 }

引用

import QMap from 'QMap'

使用

new QMap.Map(this.refs.map, this.props.options)