精通Grails: Grails服务和Google地图 - 编程入门网
gt;Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABCDE"
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 onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>
精通Grails: Grails服务和Google地图(7)时间:2011-07-29 IBM Scott Davis注意，API 密匙嵌入在页面顶部的脚本 URL 里。在 load 方法中，您正在实例化一个新的 GMap2 对 象。这就是出现在 <div /> 里的地图，同时 map 的 ID 出现在页面的底端。如果想让地图变大些 ，可以在层叠样式表（Cascading Style Sheets，CSS）的 style 属性中调整地图的宽度和高度。目前， 这个地图以加利福尼亚州的帕洛阿图市为中心，缩放倍数为 13 级（0 级是最小的。级别越大越接近街道 级别的视图）。您可以快速地调整这些值。同时，将一个空 map 闭包添加到 AirlineController，如清 单 12 所示： 清单 12. 添加 map 闭包
现在，浏览 http://localhost:9090/trip/airport/map，您将看到已嵌入的 Google Map，如图 5 所 示： 图 5. 简单的 Google Map
现在先回到 map.gsp 并调整值，如清单 13 所示： 清单 13. 调整基本的地图
要查看整个美国，将尺寸设置为 800 x 400 像素是比较好的。清单 13 调整了中心点和缩放级别，使 您能够看到完整的地图。您还可以添加许多不同的地图控制。清单 13 中的 GLargeMapControl 和 GMapTypeControl 分别在地图左边和右上角提供了常用的控制。在您调试时不断点击浏览器的 Refresh 按钮，查看修改后的效果。图 6 反映了对清单 13 所做的调整： 图 6. 调整后的地图
精通Grails: Grails服务和Google地图(8)时间:2011-07-29 IBM Scott Davis现在基本的地图已经做好， 接下来就可以添加标记了 — 为每个机场添加图钉。在将这一过程自动化 之前，我在清单 14 中手工添加了一些简单的标记： 清单 14. 将标记添加到地图
|
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
