[xwiki-devs] {{html}} tag using JavaScript

14 Nov 2011

      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

[xwiki-devs] {{html}} tag using JavaScript

Riaz Shafi