将Javascript放入Google协作平台

时间:2012-11-27 18:03:12

标签: javascript google-sites

我在将查询从谷歌融合嵌入谷歌网站时遇到问题。我已经创建了查询,它可以作为一个已保存在记事本中的html文件,但是当我将它放入我的Google协作平台网站时,它无效。

查询代码为:

    <html>
   <head>
     <style>
 #map-canvas { width:850px; height:650px; }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
var map;
var layerl0;
function initialize() {
  map = new google.maps.Map(document.getElementById('map-canvas'), {
    center: new google.maps.LatLng(43.89591323557617, -79.77653503417969),
    zoom: 11,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  layerl0 = new google.maps.FusionTablesLayer({
    query: {
      select: "'col2'",
      from: '1eMaZWdi5QhF1252KH2e7xOiNyJoBFOzpStMP-Ks'
    },
    map: map,
    styleId: -1,
    templateId: -1
  });
}
function changeMapl0() {
  var searchString = document.getElementById('search-string-l0').value.replace(/'/g, "\\'");
  layerl0.setOptions({
    query: {
      select: "'col2'",
      from: '1eMaZWdi5QhF1252KH2e7xOiNyJoBFOzpStMP-Ks',
      where: "'description' CONTAINS IGNORING CASE '" + searchString + "'"
    }
  });
}
google.maps.event.addDomListener(window, 'load', initialize);
 </script>
 </head>
 <body>

<div id="map-canvas"></div>
<div style="margin-top: 10px;">
  <label>Land use:</label><input type="text" id="search-string-l0">
  <input type="button" onclick="changeMapl0()" value="Search">
 </div>
</body>

1 个答案:

答案 0 :(得分:0)

您是否尝试过使用Google小工具让您的代码在Google协作平台中运行?也就是说,将代码放入Google小工具,然后通过编辑器中的“插入”菜单将小工具添加到“网站”页面中。

从这里开始,如果你还没有: https://developers.google.com/gadgets/

另一种选择是使用HTML框或制作应用程序脚本。