วิธีขอ Google Maps API Key สำหรับนำไปใช้งานบนเว็บไซต์

หากต้องการนำ Google Maps มาใช้งานบนเว็บไซต์ สิ่งแรกที่ต้องเตรียมคือ
Google Maps API Key ซึ่งเป็นรหัสที่ใช้เชื่อมเว็บไซต์หรือระบบของเราเข้ากับบริการบน
Google Maps Platform

สำหรับผู้ที่กำลังค้นหา วิธีขอ Google Maps API Key บทความนี้จะอธิบายตั้งแต่การสร้าง
Google Cloud Project การเปิด Billing การเปิด Maps JavaScript API ไปจนถึงการสร้างและตั้งค่าความปลอดภัยของ API Key
แบบทีละขั้นตอน

สรุปแบบสั้น:
การสร้าง Google Maps API Key มี 5 ขั้นตอนหลัก คือ สร้าง Google Cloud Project → เชื่อม Billing →
เปิด Maps JavaScript API → สร้าง API Key → ตั้งค่า Restrictions ก่อนนำไปใช้งานจริง

Google Maps API Key คืออะไร?

Google Maps API Key คือรหัสที่ Google ใช้ระบุว่าเว็บไซต์หรือแอปพลิเคชันใดกำลังเรียกใช้บริการของ
Google Maps Platform เช่น Maps JavaScript API หรือบริการอื่น ๆ ที่เกี่ยวข้อง

API Key จะถูกผูกกับ Google Cloud Project ของเรา ทำให้สามารถจัดการสิทธิ์การใช้งาน ตรวจสอบปริมาณการเรียก API
และจัดการ Billing ได้จาก Google Cloud Console

ก่อนขอ Google Maps API Key ต้องเตรียมอะไรบ้าง?

ก่อนเริ่มสร้าง API Key ควรเตรียมสิ่งต่อไปนี้

  • Google Account
  • Google Cloud Project
  • Billing Account
  • Domain เว็บไซต์ที่จะนำ API Key ไปใช้งาน

หากใช้สำหรับเว็บไซต์ของบริษัท แนะนำให้ใช้ Google Account ที่บริษัทสามารถเข้าถึงและบริหารจัดการได้ในระยะยาว
ไม่ควรผูก API สำคัญไว้กับบัญชีส่วนตัวของพนักงานหรือผู้พัฒนาเพียงคนเดียว

วิธีขอ Google Maps API Key แบบทีละขั้นตอน

ขั้นตอนที่ 1: เข้า Google Cloud Console

เข้าเว็บไซต์

Google Cloud Console

จากนั้น Login ด้วย Google Account ที่ต้องการใช้เป็นเจ้าของ Google Maps API

หากเป็น API สำหรับเว็บไซต์บริษัท ควรเลือก Account ที่บริษัทสามารถบริหารจัดการได้ในอนาคต

ขั้นตอนที่ 2: สร้าง Google Cloud Project

หลังจากเข้าสู่ Google Cloud Console แล้ว ให้เลือกเมนู Project บริเวณด้านบนของหน้าจอ จากนั้นเลือก
New Project

หรือสามารถเปิดหน้าสร้าง Project โดยตรงได้ที่

สร้าง Google Cloud Project

ตั้งชื่อ Project ตามต้องการ เช่น

  • Company Website
  • Google Maps Website
  • Store Locator

จากนั้นกด Create

Google Cloud Project นี้จะใช้เป็นพื้นที่สำหรับจัดการ API Key, Google Maps API, Billing,
Quota และข้อมูลการใช้งานต่าง ๆ

ขั้นตอนที่ 3: เชื่อม Billing Account

สำหรับการใช้งาน Google Maps Platform แบบ Production จะต้องตั้งค่า Billing ให้กับ Google Cloud Project

เข้าเมนู

Google Cloud Billing

จากนั้นเลือก Billing Account ที่ต้องการเชื่อมกับ Project

หากยังไม่มี Billing Account ระบบจะให้สร้าง Billing Account และเพิ่มวิธีการชำระเงินก่อน

ข้อควรรู้:
การเปิด Billing ไม่ได้หมายความว่าจะถูกเรียกเก็บเงินทันทีทุกกรณี ค่าใช้จ่ายขึ้นอยู่กับ API
และปริมาณการใช้งานจริง ควรตรวจสอบ Pricing ของ Google Maps Platform และตั้ง Budget Alert เพิ่มเติม

ดูรายละเอียดค่าบริการได้จาก

Google Maps Platform Pricing

ขั้นตอนที่ 4: เปิด Maps JavaScript API

เมื่อสร้าง Project และเชื่อม Billing เรียบร้อยแล้ว ให้เข้าเมนู
APIs & Services → Library

หรือเปิด

Google Cloud API Library

ค้นหาคำว่า
Maps JavaScript API

จากนั้นเลือก Maps JavaScript API และกด
Enable

Maps JavaScript API เป็น API หลักที่ใช้สำหรับแสดง Google Maps แบบ Interactive บนเว็บไซต์

สามารถอ่านรายละเอียดจากเอกสาร Google ได้ที่

Maps JavaScript API Documentation

ขั้นตอนที่ 5: เข้าเมนู Credentials

หลังจากเปิด Maps JavaScript API แล้ว ให้ไปที่
APIs & Services → Credentials

หรือเปิดโดยตรงที่

Google Cloud Credentials

หน้า Credentials เป็นหน้าสำหรับจัดการ API Key และข้อมูล Credential ของ Google Cloud Project

ขั้นตอนที่ 6: สร้าง Google Maps API Key

ในหน้า Credentials ให้เลือก
Create Credentials
จากนั้นเลือก
API Key

Google จะสร้าง API Key ขึ้นมาให้

ตัวอย่างรูปแบบ API Key:

AIzaSyXXXXXXXXXXXXXXXXXXXXXXXXXXXX

เมื่อได้ API Key แล้ว ยังไม่ควรนำไปใช้งานจริงทันที
เพราะควรตั้งค่า Restriction ก่อน เพื่อป้องกันไม่ให้ผู้อื่นนำ Key ไปใช้งาน

ขั้นตอนที่ 7: ตั้งค่า Application Restrictions

คลิกเข้าไปที่ API Key ที่เพิ่งสร้าง จากนั้นมองหาหัวข้อ
Application restrictions

หาก API Key ใช้บนเว็บไซต์ ให้ตั้งค่าเป็นการจำกัดการใช้งานสำหรับ
Websites / HTTP Referrers

จากนั้นเพิ่ม Domain ที่อนุญาตให้เรียก API Key

ตัวอย่างเช่น

https://siam-webdesign.com/*
https://www.siam-webdesign.com/*

หากเว็บไซต์มีทั้งแบบมี www และไม่มี www ควรตรวจสอบและเพิ่ม Domain ที่ใช้งานจริงให้ครบ

การตั้งค่า Application Restrictions จะช่วยป้องกันไม่ให้เว็บไซต์อื่นนำ API Key ของเราไปเรียกใช้งานได้

ขั้นตอนที่ 8: ตั้งค่า API Restrictions

ต่อมาให้ไปที่หัวข้อ
API restrictions

เลือก
Restrict key

แล้วเลือกเฉพาะ API ที่ Key ตัวนี้จำเป็นต้องใช้งาน เช่น

  • Maps JavaScript API

หากในอนาคตมีการใช้งาน API อื่นเพิ่มเติม จึงค่อยเพิ่มสิทธิ์ให้ API Key ตามความจำเป็น

Google แนะนำให้ API Key มีทั้ง Application Restrictions และ API Restrictions
เพื่อช่วยลดความเสี่ยงจากการนำ Key ไปใช้งานโดยไม่ได้รับอนุญาต

อ่านคำแนะนำด้านความปลอดภัยเพิ่มเติมได้ที่

Google Maps Platform API Security Best Practices

ขั้นตอนที่ 9: กด Save

เมื่อตั้งค่า Application Restrictions และ API Restrictions เรียบร้อยแล้ว ให้กด
Save

จากนั้นรอให้ Google อัปเดตการตั้งค่า

เมื่อเสร็จแล้ว Google Maps API Key ก็พร้อมสำหรับนำไปใช้งานบนเว็บไซต์

สรุปวิธีสร้าง Google Maps API Key

  1. เข้า Google Cloud Console
  2. สร้าง Google Cloud Project
  3. เชื่อม Billing Account
  4. เปิด Maps JavaScript API
  5. เข้าเมนู Credentials
  6. เลือก Create Credentials → API Key
  7. ตั้ง Application Restrictions
  8. ตั้ง API Restrictions
  9. กด Save

เพียงเท่านี้ก็จะได้ Google Maps API Key ที่พร้อมสำหรับนำไปใช้กับเว็บไซต์หรือส่งให้ Developer นำไปติดตั้งต่อ

Google Maps API Key ต้องเสียเงินไหม?

การสร้าง API Key ไม่มีค่าใช้จ่ายโดยตรง แต่บริการของ Google Maps Platform มีการคิดค่าบริการตาม API
และปริมาณการเรียกใช้งาน ดังนั้นควรตรวจสอบ Pricing ของบริการที่ต้องการใช้ก่อนนำขึ้นเว็บไซต์จริง

สำหรับเว็บไซต์ที่มี Traffic สูง แนะนำให้ตั้ง Budget และ Billing Alert ใน Google Cloud
เพื่อช่วยติดตามค่าใช้จ่าย

ทำไมต้อง Restrict Google Maps API Key?

API Key ที่นำไปใช้กับเว็บไซต์อาจสามารถตรวจพบจาก Source Code ฝั่ง Browser ได้
ดังนั้นความปลอดภัยของ Key ไม่ได้อยู่ที่การซ่อน Key เพียงอย่างเดียว

สิ่งสำคัญคือการกำหนดว่า
Domain ใดสามารถใช้ Key
และ
Key สามารถเรียก API ใดได้บ้าง

Google จึงแนะนำให้กำหนดทั้ง Application Restrictions และ API Restrictions
ก่อนนำ API Key ไปใช้งานจริง

คำถามที่พบบ่อยเกี่ยวกับ Google Maps API Key

Google Maps API Key คืออะไร?

Google Maps API Key คือรหัสที่ใช้ยืนยันและระบุ Google Cloud Project
เมื่อเว็บไซต์หรือแอปพลิเคชันเรียกใช้งานบริการ Google Maps Platform

สร้าง Google Maps API Key ฟรีหรือไม่?

สามารถสร้าง API Key ได้ แต่การเรียกใช้งาน Google Maps Platform บางบริการมีค่าใช้จ่ายตามจำนวนการใช้งาน
จึงควรตรวจสอบ Pricing ของ API ที่เลือกใช้

จำเป็นต้องเปิด Billing หรือไม่?

สำหรับ Google Maps Platform ที่นำไปใช้งานจริง ควรตั้งค่า Google Cloud Project และ Billing
ตามข้อกำหนดของบริการที่ใช้งาน โดย Maps JavaScript API สำหรับ Production ใช้ API Key
ที่เชื่อมกับ Google Cloud Project และ Billing

API Key สามารถใช้กับหลายเว็บไซต์ได้ไหม?

สามารถกำหนดเว็บไซต์ที่อนุญาตให้ใช้งานผ่าน Application Restrictions ได้
อย่างไรก็ตาม หากเป็นคนละเว็บไซต์หรือคนละระบบ การแยก API Key จะช่วยให้จัดการสิทธิ์และตรวจสอบการใช้งานได้ง่ายกว่า

ทำไมสร้าง API Key แล้ว Google Maps ยังใช้งานไม่ได้?

สาเหตุที่พบได้บ่อย ได้แก่ ยังไม่ได้เปิด Maps JavaScript API, Billing ยังไม่พร้อม,
Domain ไม่ตรงกับ Application Restrictions หรือ API Restrictions ไม่อนุญาต API ที่กำลังเรียกใช้งาน

ลิงก์สำคัญสำหรับสร้าง Google Maps API Key

ต้องการพัฒนาเว็บไซต์ที่เชื่อมต่อ Google Maps API?

หากต้องการพัฒนาเว็บไซต์หรือระบบที่เชื่อมต่อ API รวมถึงระบบสำหรับธุรกิจที่ต้องการเชื่อมต่อข้อมูลจากระบบภายนอก
สามารถสอบถามทีมงาน Siam Website Development ได้


เว็บไซต์ Siam Website Development