專案開發若遇到需要地圖標示的功能,蠻常會利用經緯度進行定位
這時候就必須要申請 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