网站中显示和使用google地图主要是通过javascript调用google api。首先要根据域名到google官网上申请一个key，地址：

http://code.g...s/signup.html

申请完成后，用你的key代替下面代码的key。

1. JavaScript 代码复制内容到剪贴板
2. <script src="http://maps.g...5a3_FEg" type="text/javascript"></script>
3. <script src="http://maps.g...5a3_FEg"></script>

在页面中可以用一个div来显示：

1. XML/HTML 代码复制内容到剪贴板
2. <div id="map" style="height:450px;width:99%;border:solid 1px #00000;display:none"></div> <br>

下面是加载地图的代码：

1. JavaScript 代码复制内容到剪贴板
2. <script type="text/javascript">
3. //address是要显示的地址
4. function showAddress(address) {
5. document.getElementById("map").style.display="";
6. if (GBrowserIsCompatible()) {
7. var map = new GMap2(document.getElementById("map"));
8. map.addControl(new GSmallMapControl());    //放大缩小
9. map.addControl(new GMapTypeControl());     //地图种类
10. map.enableScrollWheelZoom();    //启用鼠标滚轮
11. var geocoder = new GClientGeocoder();
12. geocoder.getLatLng(address,
13. function(point) {
14. if (!point) {
15. alert(address + " not found");
16. } else {
17. map.setCenter(point, 13);
18. var latln = map.getCenter();
19. var longitude = latln.lng();
20. var latitude = latln.lat();
21. var marker = new GMarker(point);
22. map.addOverlay(marker);
23. marker.openInfoWindowHtml("地址：" + address + "<p> </p>" + "经度："
24. + longitude + " 纬度：" + latitude);
25. }
26. }
27. );
28. }
29. }
30. </script>
31. </head>

如果要创建标记内容以及标记的鼠标事件，可以用下面的代码：

1. JavaScript 代码复制内容到剪贴板
2. <script>
3. function createMarker(point, address, name, qq) {  //创建标记内容及标记的鼠标事件
4. var marker = new GMarker(point);
5. var html = '<div>'+
6. '<a >姓名:'+ name +'</a><br/>'+
7. '<a >地址:'+ address +'</a><br/>'+
8. '<a >QQ:'+ qq +'</a>'+
9. '</div>';
10. GEvent.addListener(marker, "mouseover", function() {
11. marker.openInfoWindowHtml(html);
12. });
13. GEvent.addListener(marker, "mouseout", function() {
14. marker.closeInfoWindow();
15. });
16. GEvent.addListener(marker, "click", function() {
17. map.setCenter(point, 12);
18. });
19. return marker;
20. }
21. var point = new GLatLng(23.25675,133.33338);     // 设置标记
22. map.addOverlay(createMarker(point,'广州市天河区天河路','小林','452655443'));//加入标记
23. }
24. </script>