React 使用腾讯地图

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

两种方法:

第一种 不推荐

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


    

使用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,react使用腾讯地图)