網頁設計

2013年1月21日 星期一

Google Map APIs V3 初始設定


先至google map使用教學的 Hello World 做好初始設定

https://developers.google.com/maps/documentation/javascript/tutorial?hl=zh-TW

語法------------------------------------------------------------------------------

1.設定地圖


function initialize() {
    var latlng = new google.maps.LatLng(24.136845,120.685009); //指定座標
    var myOptions = {  //初始設定
      zoom: 12, //地圖縮放級數0~19
      center: latlng, //設定中心位置座標
      mapTypeId: google.maps.MapTypeId.ROADMAP //地圖顯示類型(道路,衛星,地形...)
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);

   //以下為地圖增加一個座標點(Marker)
    var pos = new google.maps.LatLng(24.136845,120.685009); //指定座標
    var marker = new google.maps.Marker({  //宣告一個新座標點的值
            position: pos,//設定座標位置
            map: map,//設定座標顯示的地圖
            title: "台中火車站"//設定座標的title
        });
  }

0 意見 :

張貼留言