React 使用腾讯地图

参考.html添加链接描述
背景：
直接使用不行，会报错 qq不存在

两种方法：

第一种 不推荐

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

<script charset="utf-8" src="=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)

React 使用腾讯地图

参考.html添加链接描述
背景：
直接使用不行，会报错 qq不存在

两种方法：

第一种 不推荐

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

<script charset="utf-8" src="=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)