Implement google maps in the open source Birt Report

Hello,
 
I'm trying to implement a google map in my open source birt report. The goal is to have a map report with markers, and when i click on it, a window opens and shows a birt element (table, chart...). 
The best example I've seen on internet can be found here : <a data-ipb='nomediaparse' href='http://www.visioneo.org/google-map'>http://www.visioneo.org/google-map</a> 
It' even done with the open source birt designer, unfortunately, the developper don't share his rptdesign. 
So I tried to look at alternatives with: <a data-ipb='nomediaparse' href='http://developer.actuate.com/community/forum/index.php?/files/file/1071-map-it-google-maps/'>http://developer.actuate.com/community/forum/index.php?/files/file/1071-map-it-google-maps/</a>
or: <a data-ipb='nomediaparse' href='https://github.com/puckpuck/BIRT-Online-Maps'>https://github.com/puckpuck/BIRT-Online-Maps</a>
(same thing)
 
I can run the samples but even with the library and the location of the datasource changed, I have an error in my webviewer (firefox) : It just says "Loading Map Please Wait..." 
Do you have any idea how can I fix it or how should I do my implementation ?

Find more posts tagged with

Comments

Clement Wong

The Google Maps library for BIRT were originally developed using commercial BIRT products. With the release of commercial BIRT iHub 3.1, it provides a Custom Visualization Report Item that allows any JavaScript visualizations to be included into a BIRT report. It includes Google Map templates within the report item menu. For additional details, please read the iHub 3.1/3.1.1 Summary of New Features (<a data-ipb='nomediaparse' href='http://www.actuate.com/download/ihub-311-tsnf.pdf#page=9'>http://www.actuate.com/download/ihub-311-tsnf.pdf#page=9</a>).
 
Additional Custom Visualization examples can be found here such as a <a data-ipb='nomediaparse' href='http://developer.actuate.com/community/forum/index.php?/files/file/1129-ihub-31-custom-visualization-google-map-with-heatmap-layer/'>Google Map with a Heat Map Layer,</a> or<a data-ipb='nomediaparse' href='http://developer.actuate.com/community/forum/index.php?/files/file/1120-ihub-31-custom-visualization-examples/'> other examples with D3 or other Google Charts/Maps</a>.
 
Now, to get <a data-ipb='nomediaparse' href='http://developer.actuate.com/community/forum/index.php?/files/file/1071-map-it-google-maps/'>DevShare Map It</a> to work with Open Source BIRT will require a slight modification to one of the core Viewer JavaScript files. I have only tested this with OS BIRT 4.5.0 so I can't say that it will work with other versions. And I have only tested two of the reports (Addresses and Areas).
 
The issue with Open Source BIRT and the Google Map library is that the evaluation of the JavaScript to populate the map does not get executed.
 
1. Backup and edit the file AbstractReportComponent.js located under plugins\org.eclipse.birt.report.viewer_4.5.0.v201506092134\birt\webcontent\birt\ajax\ui\report
 
2. Comment three lines (92, 93 and 95):
<pre class="_prettyXprint">
 else if ( scripts[i].innerHTML )
 {
 // Internet Explorer has a funky execScript method that makes this easy
 if ( window.execScript )
 {
 window.execScript( scripts[i].innerHTML );
 }
 else if ( window.eval )
 {
 //with( window )
 //{
 window.eval( scripts[i].innerHTML );
 //}
 }
 }
 }</pre>
3. Clear your browser's cache and re-run the report.
 
 
Please note that the use of Google Maps APIs may not be free depending on your implement. Review Google's pricing and plans @ <a data-ipb='nomediaparse' href='https://developers.google.com/maps/pricing-and-plans/'>https://developers.google.com/maps/pricing-and-plans/</a>.
 
Please also note that the change in AbstractReportComponent.js has not been tested and may cause a side effect. You should fully test your application after making the modification.

newbie321

Do you think you can give this a try: <a data-ipb='nomediaparse' href='http://unfoldingmaps.org/'>http://unfoldingmaps.org/</a>

Clement Wong

Unfolding is a Java based library, and not a JavaScript based library like Google Maps or <a data-ipb='nomediaparse' href='http://leafletjs.com/'>Leaflet</a>. The library appears to be for standalone apps.