ExtJS 5-交互式地图

Question

您好，我正在使用ExtJS 5框架来开发我的应用程序。

我有一个要求创建报告，我需要使用世界地图显示报告。

我找到了FusionCharts提供的fusionmap(交互式地图)，它符合我的要求，用户可以与地图进行交互。

ExtJS 5中有没有类似的组件？

Answer 1

我真的很喜欢leafletjs库。您可以轻松地将地图添加到ExtJS面板，如下所示：

var tiles = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
});

var map = L.map(yourPanel.getEl().id)
    .addLayer(tiles)
    .setView([51.505, -0.09], 13);

另请阅读快速入门指南here。

然后只需遵循the interactive map tutorial即可达到预期效果。

Answer 2

我也会推荐leafletjs。下面是将其集成到extjs应用程序中的一个很好的教程：http://www.sencha.com/blog/integrating-ext-js-with-3rd-party-libraries/