如何在PhoneGap上顯示地圖流程：


1.找一個地標的經緯度座標例如：暖東峽谷(25.075959,121.75409)
 

2.建立HTMP5網頁，並插入頁面


3.載入GoogleMap API：
4.建立CSS的 ID名為 map_div2

5.輸入顯示地圖程式於之上：

$(function(){

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

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

// 取得目前定位點

var lat=25.03362;

var lng=121.56482;

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

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

zoom:14,

center: latlng,

mapTypeId: google.maps.MapTypeId.ROADMAP

});

});



6.在內容插入Div版型 ID為 map_div2
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 吳老師 的頭像
    吳老師

    吳老師教學部落格(痞客邦分站)

    吳老師 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄