react 引入第三方模块(例:引入百度地图)

react 构建单页面应用程序,引入第三方模块,一般是通过npm下载引入
但是百度地图在npm 当中并没有第三方模块 所以此时我们就需要在应用的入口通过 src 的方式引用第三方模块

<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥">

加载 bootstrap、 jquery 等第三方库的时候也可以用同样的方式引入

像React构建的单页面程序 ,都是模块化开发,也就是说里面的每一个对象都是一个模块,就必须通过import导入 进来,它才是一个模块

如果你不是通过import导入,就会当成一为个非法的变量 ,提示为undefined

为了避免这种情况,那么我们就需要将对象挂载在全局变量window下面
单页面程序就不会检测window这个全局变量

renderMap = (result)=>{
        this.map = new window.BMap.Map('orderDetailMap');
        // this.map.centerAndZoom('北京',11);
        // 添加地图控件
        this.addMapControl();
        // 调用路线图绘制方法
        this.drawBikeRoute(result.position_list);
        // 调用服务区绘制方法
        this.drwaServiceArea(result.area);
    }

你可能感兴趣的:(react 引入第三方模块(例:引入百度地图))