google map api tips

前言：項目中用到Google地圖的地方比較多，整理一下學到的東西，大都是基於javascript的Google API

想在頁面中引用Google地圖，只要在html頁加載對應的js，創建map對象即可。

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

1.創建一個基本的Google Map地圖

var map;

function initialize() {
        var myOptions = {
            zoom: 8,//縮放級別
            center: new google.maps.LatLng(<span style="font-family: Arial, Helvetica, sans-serif;">25.0479353</span>,<span style="font-family: Arial, Helvetica, sans-serif;">121.47927034</span><span style="font-family: Arial, Helvetica, sans-serif;">), //中心點</span>
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    }

google.maps.event.addDomListener(window, 'load', initialize);

2.給地圖上添加點（Marker）

 var latLng = new google.maps.LatLng(25.0479353, 121.47927034);
          add_to_bounds(latLng);
          var marker = new google.maps.Marker({
              position: latLng,
              map: map,
              title: "測試標題"
          });