如何在离子2应用程序中显示carto地图?

时间:2017-06-06 07:43:06

标签: ionic2 cartodb

有人在离子2应用程序中显示过carto地图吗?当我使用离子1 时没有问题,因为它是 angular js ,我可以在index.html中添加库:

然后在controller.js中使用它:

var mapa; mapa = new L.Map('mapa', { center: [39,-6], zoom: 9 })

但问题是现在我正在使用离子2 ,所以它是 angular 2 ,typescript。添加库后,我尝试在.ts文件中执行相同的代码,但找不到名称L.

有谁知道如何显示我的地图?或者如何在打字稿中使用js库?

我不确定我是否解释过这个问题,所以有任何疑问,请问我。

谢谢!

1 个答案:

答案 0 :(得分:0)

index.html中的

添加:

<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css">
  <script src="http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js"></script>
在page.ts文件中

添加:

import L from 'leaflet';

和alsodeclare L避免错误:

声明var L:any;