WEB开发网
开发学院软件开发Java 使用 Groovy 构建社交网络混搭(Mashup)应用程序... 阅读

使用 Groovy 构建社交网络混搭(Mashup)应用程序

 2009-12-24 00:00:00 来源:WEB开发网   
核心提示: 生成键时,使用 Google 就足以提供运行良好的代码片段,使用 Groovy 构建社交网络混搭(Mashup)应用程序(4),将此代码复制到一个 HTML 文件即可,例如,HTML <body> 元素有一个 onload 属性,我在这里调用 loadMap JavaScript 函

生成键时,使用 Google 就足以提供运行良好的代码片段。将此代码复制到一个 HTML 文件即可。例如,清单 3 是我的初始 index.html:


清单 3. Google 提供的初始代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 <head> 
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
  <title>Geotweet!</title> 
  <script src="http://maps.google.com/maps?file=api&v=2&key=YOURKEY" 
   type="text/javascript"></script> 
  <script type="text/javascript"> 
 
  //<![CDATA[ 
 
  function load() { 
   if (GBrowserIsCompatible()) { 
    var map = new GMap2(document.getElementById("map")); 
    map.setCenter(new GLatLng(37.4419, -122.1419), 13); 
   } 
  } 
 
  //]]> 
  </script> 
 </head> 
 <body  onunload="GUnload()"> 
  <div id="map" style="width:800px;height:500px"></div> 
 </body> 
</html> 

我之前说过,Google 地图是一个 JavaScript 库;因此,您需要注意两点:加载页面以及在页面加载之后 的地图操作。加载页面实际上是在初始化 Google 地图并相应地显示地图。因此,在清单 4 中,HTML <body> 元素有一个 onload 属性。我在这里调用 loadMap JavaScript 函数,它将加载一个 Google 地图实例。

上一页  1 2 3 4 5 6 7 8 9  下一页

Tags:使用 Groovy 构建

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接