1.貼到</head>上方(注意:#page16要改為你的頁面名稱,map_div1要改為你的Div名稱)

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

<script language="Javascript">        

        // 定義顯示 mappage 頁面時執行行 GetMap() 載入地圖和地標  

        $(function(){

                $("#page16").bind("pageshow", GetMap); // 載入地圖和地標

        });        

        var curGeoPoint={lat:25.0336, lng:121.56482};

        function GetGeo(lat,lng) {        

       //取得目前定位

            curGeoPoint.lat=lat;

            curGeoPoint.lng=lng;

                // mappage 的 pageshow 會呼叫 GetMap() 顯示地圖

                $.mobile.changePage("#page16", "slide", false, true);

                //GetMap();  // 也可以在此直接呼叫 GetMap() 顯示地圖

            e.preventDefault();  // 避免重複觸發

        }

        

        // 以該點為中心顯示地圖

        function GetMap() {        

                var map_div = document.getElementById("map_div1");

                // 取得目前定位點

            var latlng = new google.maps.LatLng(curGeoPoint.lat, curGeoPoint.lng);

                var gmap = new google.maps.Map(map_div, {

                        zoom:14,

                        center: latlng,

                        mapTypeId: google.maps.MapTypeId.ROADMAP

                });

        }        

</script>

2.將地圖超連結改為javascript:GetGeo(緯度,經度)

<ul data-inset="true" data-role="listview">

      <li data-role="list-divider">蘇軾</li>

      <li><a href="javascript:GetGeo(30.240566,120.139106)">杭州西湖蘇堤</a></li>

      <li><a href="javascript:GetGeo(29.744537,116.222972)">蘇軾石像</a></li>

    </ul>

    <ul data-inset="true" data-role="listview">

      <li data-role="list-divider">辛棄疾</li>

      <li><a href="javascript:GetGeo(32.028964,118.768569)">建康賞心亭</a></li>

      <li><a href="javascript:GetGeo(28.143584,117.821056)">辛棄疾故居遺址</a></li>

</ul>