|
Google Maps API 简易使用文件(2) <head>
<script src="UCz5SOzE95uxQPI9Bh8GLJN8gz2X_Ib6OP9qCSVQ">http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAuG7oWOtWqEZB1PNN_pEvsBQ5_R83DoQvDaRjoUU
cz5SOzE95uxQPI9Bh8GLJN8gz2X_Ib6OP9qcsVQ" type="text/Javascript"></script>
</head>
<body>
<div id="mymap" style="width: 300px; height: 300px"></div>
<script type="text/javascript">
//<![CDATA[
var map = new GMap(document.getElementById("mymap"));
map.centerAndZoom(new GPoint(139.7600, 35.6700), 1);
//]]>
</script>
</html>
看范例所呈现的结果
第一行红字的部分就是用你取得的 Key 去加载 Google Maps API，这里要注意的是，你一定要用你自己的 URL 去取得这把 Key，否则网页在加载时，会得到错误讯息。接下来，宣告一个 div 区块用来摆置地图，style="width: 300px; height:300px" 则是用来指定地图区块大小。
再来利用 var map = new GMap (document.getElementById("mymap")); 宣告一个 GMap 对象。而 map.centerAndZoom(new GPoint(139.7600, 35.6700), 1); 则是将地图的中心点固定在经度 139.7600 和纬度 35.6700，而 Zoom Level 在这范例中设成 1 (1 为最大，数字越大 Zoom Level 越小)。在这边你或许会有个疑问，要怎么知道某个地点的经纬度？如果你是在美国或加拿大，有些网站会提供依照地址查询经纬度的服务，但是其它国家就比较麻烦了，而我有个比较简单的方法你可以参考看看，也就是先利用 Google Maps 的大地图找到你要的地点，将他固定在中间，然后按下网页上的 Link to this page，这时候 Google Maps 就会显示出这页的 URL，URL 上就有该点的经纬度了，举例来说，我想要找出日本京都车站的经纬度，我先用 Google Japan Maps 找到车站位置，并将他固定在中心，最后并取得连结：http://maps.google.co.jp/maps?ll=34.982050,135.761490&spn=0.012443,0.020262&hl=ja，红字所标的就是京都车站的经纬度。
这个范例中，你有没有觉得是不是少了什么？那就是少了 Google Maps 中的控件，没有这个你没办法放大缩小地图，也没办法切换卫星空照图。如下范例你就可以在你的地图中加入这两个控件：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
| 
