Hi, You could check http://extensions.xwiki.org/xwiki/bin/view/Extension/Map+Macro Thanks -Vincent On Nov 14, 2011, at 12:30 PM, Riaz Shafi wrote:
Hi,
I'm struggling with adding a google map to an xwiki page using javascript. Below is the code I'm using which does not work. It's not easy to see where the problem is.
{{html clean="false" wiki="false"}}
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript" id="script"> var tableid = 297050; var map;
function initialize() { map = new google.maps.Map(document.getElementById('map_canvas'), { center: new google.maps.LatLng(37.4, -122.1), zoom: 10, mapTypeId: google.maps.MapTypeId.ROADMAP });
var layer = new google.maps.FusionTablesLayer({ query: { select: 'Address', from: tableid }, map: map }); } </script> <script> window.onload=initialize();
</script>
HELLO <table><tr><td width="400" height="400"> <div id="map_canvas" style="width:100%; height:100%"></div> </td></tr></table>
{{/html}}
The page can be viewed Today (14/11/2011) on http://playground.xwiki.org/xwiki/bin/view/Test/MapJavaScript Username: guest password guest123
The html page I am trying to display is shown here: http://gmaps-samples.googlecode.com/svn/trunk/fusiontables/fusiontableslayer _example.html
Any help is much appreciated.
Thanks
Riaz