/ 網站開發

2023年02月26日 88

GoogleMap API應用 (Geocoding API) 取得經緯度


專案開發若遇到需要地圖標示的功能,蠻常會利用經緯度進行定位
這時候就必須要申請 Google Map 提供的 API 功能 (Geocoding API)
申請開通此API功能後,原始碼中必須要嵌入一段引入語法,並填入『申請的API_KEY

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=申請的API_KEY&sensor=true"></script>

叫用的Javascript語法如下:

<script>
   var geocoder = new google.maps.Geocoder();  // 定義一個Geocoder物件
   var address = '臺中市西屯區臺灣大道三段99號';   // 用台中市政府地址做測試
       
   geocoder.geocode(
      { 'address': address },    
      function(results, status) {
         if (status == google.maps.GeocoderStatus.OK) {    // 判斷狀態
		    // 取到經度
		    var lng = results[0].geometry.location.lng();
            // 取到緯度
            var lat = results[0].geometry.location.lat();
            
            console.log('經度=>'+lng+',緯度=>'+lat);
         }

         // 顯示狀態
         console.log(status);
	 }
   );
</script>

可以透過線上大神開發的 經緯度轉換 測試,再次確認經緯度定位無誤
叫用成功後,取得的經緯度即可拿來做景點定位使用囉!

參考資料:Geocoding API

標籤: #Javascript , #API