静寂之声

原文见咖啡鱼的色彩斑澜,以下是我的笔记:

1、备份模板。以便出错时恢复.

2、申请Google AJAX Search API Key.申请地址:
http://code.google.com/apis/ajaxsearch/signup.html

选择I have read and agree with the terms and conditions 之后,在下面My web site URL的文本框中填入你的网站地址或BLOG地址.然后单击Generate API Key按钮就会得到Google AJAX Search API的代码.

3、在模板>HTML>中的</head>之前，添加下面代码.
<script src="'http://maps.google.com/maps?file=" type="'text/javascript'/" v="2&key="><br /><br /><script src="'http://www.google.com/uds/api?file=" v="1.0&source=" key="申请到的Key'" type="'text/javascript'/"><br /><br /><script type="'text/javascript'"><br /><br />function LoadMap() {<br /><br />var map = new GMap(document.getElementById("map"));<br /><br />map.centerAndZoom(new GPoint(经度, 纬度), 3);<br /><br />var point = new GPoint(经度, 纬度);<br /><br />var markertext = "关于此地点的信息";<br /><br />var marker = new GMarker(point);<br /><br />GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(markertext);});<br /><br />map.addOverlay(marker);<br /><br />}<br /><br />GSearch.setOnLoadCallback(LoadMap);<br /><br /></script>
在上面的代码中的经度和纬度是默认的Google maps加载时的地点，要得到经纬度的值，可以通过Google earth得到。经纬度格式示例：4.700000, 52.300000.

4、保存模板，可能会弹出错误提示，可以忽略，因为你申请的Key是为你的Blog地址，而此时的地址是beta.blogger.com

5、将下面代码加入到文章或侧边栏里了.就可以将Google Maps地图加到网页中了!
<div id="map" style="width:360px; height:260px; border:solid 1px #000000;">Loading map...</div>