1.引入Google Maps的外部Javascript文件：
1 <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
2.引入JQuery文件：
1 <script src="js/jquery-1.6.3.min.js"></script>
2 <script src="js/jquery.gomap-1.3.2.min.js"></script>
3.在網頁中加入<div>對，作為Maps的容器:
1 <div id="map">
2 
3 </div>
并通過CSS設置其大小等屬性：
1 #map{
2 width: 760px;
3 height: 400px;
4 }
4.調用goMap插件的goMap()函數：
1 $(document).ready(function() {
2 $('#map').goMap();
3 });
接下來就是一些設置地圖center point之類的事了，使用latitude和longitude來設置當前地圖所指向的區域：
1 $(document).ready(function() {
2 $('#map').goMap({
3 latitude : 45.53940,
4 longitude : -122.59025
5 }); // end goMap
6 }); // end ready
1 $('#map').goMap({
2 address : '某某地址'
3 }); // end goMap
也可以設定縮放級別：
1 $('map').goMap({
2 zoom:15
3 });
一些常用的設置選項：
maptype: 'TERRAIN'
scaleControl : true
navigationControl : false
navigationControl: false
scrollwheel: false
disableDoubleClickZoom: true
mapTypeControl : false
...
5.增加標記(Marker)：
1 $('#map').goMap({
2 markers : [
3 {
4 latitude : 45.53940,
5 longitude : -122.59025,
6 title : 'Marker 1'
7 }
8 ]
9 }); // end goMap
如果你想動態的添加標記，則可以使用如下方法：
1 $.goMap.createMarker({
2 latitude : 45.53940,
3 longitude : -122.59025,
4 title : 'Marker 1'
5 });
相反的使用：$.goMap.clearMarkers()或者
$.goMap.removeMarker('marker1') 來去掉標記。