ionic3引用外部插件--百度地图及echart报表的使用

前言

ionic3提供的组件已经相当丰富咯，但是事实上有些特殊的需求，比如使用百度地图，或者第三方插件echart报表插件是，就不能用传统的方式去使用第三方插件咯，如何在Ionic3项目中使用第三方JavaScript库?.其实特别简单啦，跟着我步伐前进吧。

使用步骤如下

环境安装

1, 安装ChartJs库
cd /项目的根目录下

npm install chart.js --save

2, 全局安装typings

    npm install -g typings

3.找到自己的项目新建一个declarations.d.ts文件内容如下

declare module 'echarts'; //报表的插件申明
declare var BMap;          //百度地图的申明

基本的环境配置到这里搞定了

代码实现

需求：效果图如下

1.gif

撸代码部分

百度地图的实现过程：

第一步去百度地图api控制台创建一个应用，链接地址如下

···
http://lbsyun.baidu.com/apiconsole/key
···

TIM图片20170830192926.png

第二步找到自己的ionic3项目下的index.html引用如下脚本