GoogleMap API

GoogleMap API

參考資料:(https://developers.google.com/maps/documentation/javascript/events?hl=zh-tw)

var uluru = {lat: -25.363, lng: 131.044};
var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: uluru
});

Google API KEY 價格、收費標準

參考資料:(https://cloud.google.com/maps-platform/pricing/?hl=zh-tw) GoogleMap API 一次地圖載入 就算一次,後續互動不算 每日25000次 連續90天 才會受到影響

API Key and Billing Errors

參考資料:(https://developers.google.com/maps/documentation/javascript/error-messages?utm_source=maps_js&utm_medium=degraded&utm_campaign=billing#api-key-and-billing-errors)

Iframe

參考資料:(https://developers.google.com/maps/documentation/embed/guide)

要引用Google Map 也需要API KEY 需要引用的API:Maps Embed API 並且該專案必須掛上信用卡 開通憑證,即可得到該API KEY

參考資料:(http://jbear.net/blogs/black/archive/2009/05/18/google-map-api.aspx)

<iframe width="400" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=http://maps.google.com.tw/maps?f=q&hl=zh-TW&geocode=&q=輸入查詢的地址&z=比例大小&output=embed&t=地圖模式></iframe>

width=寬度

height=高度

q=輸入查詢的完整地址或經緯度,如果需要標明可在結尾加上(),於()中輸入表示名稱

z=地圖比例大小,可輸入 1-18

t=模式,沒輸入值時為預設地圖;h為衛星圖加路線;p為地形圖

output=embed 指定Google Map為嵌入模式

Last updated