使用 Groovy 构建社交网络混搭（Mashup）应用程序
2009-12-24 00:00:00 来源：WEB开发网
清单 4. 在页面载入时加载地图<body onunload="GUnload()">
如清单 5 所示，在 <body> 元素的 <script> 部分定义 loadMap 函数：
清单 5. loadMap JavaScript 函数 <script type="text/javascript">
//<![CDATA[
var map;
function loadMap() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("containermap"));
map.setCenter(new GLatLng(38.8920910, -77.0240550), 2);
map.addControl(new GLargeMapControl());
}
}
//]]>
</script>
加载地图后，可能需要对它进行操作，例如添加标记。在这种情况下，必须先获得一个地图手柄，然后调用在此地图上获取坐标的 API。因此，在清单 5 中，我在函数外部定义了 map 变量。
当然，我会在浏览器加载地图后显示它。因此，在清单 6 中，我定义了一??? <div> 标记：
清单 6. 一个保存 Google 地图的简单 <div> 标记<div id="containermap"></div>
清单 7 包含一个简单的层叠样式表（Cascading Style Sheet，CSS），用于设计 <div> 标记的样式。它将地图稍微向右移动，因为我要在左边添加一个简单的 <form>（理想情况下，用户会在此输入适当的 Twitter 信息）。
清单 7. 用于定位地图的简单 CSS#containermap {
position: absolute;
margin: 5px 0px 0px 210px;
height: 650px;
width: 1000px;
}
中查找“使用 Groovy 构建社交网络混搭（Mashup）应用程序”更多相关内容
中查找“使用 Groovy 构建社交网络混搭（Mashup）应用程序”更多相关内容更多精彩
赞助商链接
