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

问题描述:

有人在离子2应用程序中显示carto地图吗?当我用离子1没有什么问题,因为它是角JS,我可以在index.html的添加库:如何在离子2应用程序中显示carto地图?

,然后在controller.js喜欢使用它:

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

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

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

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

谢谢!

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:任何;

+0

我只放了一段代码,但L不是我需要的唯一元素。我还需要cartodb:'cartodb.createLayer(mapa,layerUrl) .addTo(mapa) .on('done',function(layer){});'我可以这样做吗? @coenni –

+0

我还没有使用cartodb,也许是相同的策略或从未宣布它可以工作。你有没有尝试过? – coenni

+0

我在其他网页上提过这个问题,最后我用了这个问题的答案: https://es.*.com/questions/76234/c%C3%B3mo-mostrar-un-mapa-de-carto -en-ionic-2-o-angular-2 这对我很有用。它与你的相似,但它包括cartodb objetc和进口它不是必需的。谢谢! @coenni –