cognos结合百度地图 进行GIS报表数据展示

浏览: 2852

作用:地图展示数据,热点标注,高交互性:可以缩小到具体街道,查看周边信息,全景地图等

简单效果(展示了2K+个分公司,响应速度有点慢):

22.gif

实现过程

需要文件:

(在附件中,咋们的群:BI cognos 347488829; BI Tableau 161474757

1.png

百度地图ak 申请

http://lbsyun.baidu.com/index.php?title=jspopular/guide/getkey

js和html文件上传到服务器上(能引用到就行 路径不一定和我的一样):

2.png

3.png

报表页面

5.png

1、<div style="display:none">

2、</div>

3、 //3是重点 倒腾了好久才看穿这一切

<script type="text/javascript">

var tableObj= document.getElementsByClassName("ls","table");

var tableA=tableObj[0];

//分公司及其装B数

var data=[];

//分公司及其经纬度 注意是定义一个对象

var obj= new Object();

for(var i=1;i<tableA.rows.length;i++){

var temp=[];

data.push({name:tableA.rows[i].cells[0].innerText,value:parseInt(tableA.rows[i].cells[3].innerText)});

temp[0]=parseFloat(tableA.rows[i].cells[2].innerText);

temp[1]=parseFloat(tableA.rows[i].cells[1].innerText)

obj[tableA.rows[i].cells[0].innerText]=temp;

}

function returnData(){

return data;

}

function returnGeoCoordMap(){

return obj;

}

</script>

<iframe height="700" width="1200" frameborder=0 scrolling=no src='../map1.html'></iframe>

html里面需要去调父容器(也就是cognos页面)的方法:

6.png

推荐 9
本文由 攻城的狮子 创作,采用 知识共享署名-相同方式共享 3.0 中国大陆许可协议 进行许可。
转载、引用前需联系作者,并署名作者且注明文章出处。
本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责。本站是一个个人学习交流的平台,并不用于任何商业目的,如果有任何问题,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

4 个评论

厉害厉害。我们也马上要 研究 Cognos An了
这个必须赞66666
@梁勇 666@海鲜灬海鲜
很nice

要回复文章请先登录注册