運用google api javascript 在網頁嵌入地圖

使用地址就可以嵌入地圖

1.載入script 

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

<script src="assets/js/gmap.js"></script>

2.在html你想要呈現地圖的地方放一個<div id="map"></div>

//googlemap_start

      map = new GMaps({

        div: '#map',   //這裡就是div的id

        lat: -12.043333,

        lng: -77.028333

      });

      GMaps.geocode({

          address: " ",     //輸入你要的地址

          callback: function(results, status){

            if(status=='OK'){

              var latlng = results[0].geometry.location;

              map.setCenter(latlng.lat(), latlng.lng());

              map.addMarker({

                lat: latlng.lat(),

                lng: latlng.lng()

              });

            }

          }

        });

//googlemap_end

$("#map").width("100%");      //調整地圖的寬度

$("#map").height("300px");     //調整地圖的高度