2017-06-06 101 views
0

有人在離子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庫?

我不確定我是否解釋了問題,所以有任何疑問,請問我。

謝謝!

回答

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

+0

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

+0

我還沒有使用cartodb,也許是相同的策略或從未宣佈它可以工作。你有沒有嘗試過? – coenni

+0

我在其他網頁上提過這個問題,最後我用了這個問題的答案: https://es.stackoverflow.com/questions/76234/c%C3%B3mo-mostrar-un-mapa-de-carto -en-ionic-2-o-angular-2 這對我很有用。它與你的相似,但它包括cartodb objetc和進口它不是必需的。謝謝! @coenni –

相關問題