รับ Maps Demo Key และใช้กับ Maps JavaScript API

Maps Demo Key เป็นฟีเจอร์ที่ไม่มีค่าใช้จ่ายที่ช่วยให้คุณเริ่มสร้างต้นแบบ ด้วย Maps JavaScript API ได้โดยไม่ต้องป้อนข้อมูลสำหรับการเรียกเก็บเงิน ตรวจสอบและดู ไอเดียของคุณในเวอร์ชันใช้งานจริงก่อนที่จะเปลี่ยนไปใช้บัญชีแบบชำระเงิน หน้านี้อธิบายวิธีการทำงานของ Maps Demo Key, โควต้า, ฟีเจอร์ที่คุณใช้ได้ และ วิธีรับและใช้คีย์

หมายเหตุ: ในทางเทคนิคแล้ว Maps Demo Key คือคีย์ API ที่รองรับฟีเจอร์บางอย่างเท่านั้น โดยมีไว้สำหรับการทดสอบและการสร้างต้นแบบเท่านั้น และไม่ได้ออกแบบมาเพื่อการใช้งานจริง นอกจากนี้ ยังขึ้นอยู่กับ ข้อกำหนดในการให้บริการของโปรเจ็กต์การสาธิต Maps ด้วย

ฉันใช้ฟีเจอร์ใดได้บ้างกับ Maps Demo Key

Maps Demo Key รองรับฟีเจอร์บางอย่างจาก Maps JavaScript API, Weather API และ Maps Grounding Lite หากต้องการใช้ API หรือฟีเจอร์ที่ไม่ได้ระบุไว้ด้านล่าง คุณ ต้อง เพิ่มบัญชีสำหรับการเรียกเก็บเงินลงใน Maps Demo Key หรือ สร้างคีย์ API ใหม่และเปิดใช้การเรียกเก็บเงิน ดูข้อมูลเพิ่มเติมได้ที่ ตั้งค่า Maps JavaScript API

ฟีเจอร์ Maps JavaScript API ที่รองรับ

✔ ฟีเจอร์ที่รองรับ

  • การแสดงผลแผนที่ โหลดแผนที่ 2 มิติ/3 มิติที่มีมุมมองดาวเทียมและภูมิประเทศ
  • เครื่องหมายและเหตุการณ์ เพิ่มเครื่องหมาย หน้าต่างข้อมูล และจัดการการคลิกของผู้ใช้
  • การจัดรูปแบบแผนที่ ใช้ธีมและรูปแบบ JSON ที่กำหนดเองกับแผนที่
  • Places UI Kit คอมโพเนนต์ที่สร้างไว้ล่วงหน้าสำหรับการค้นหาสถานที่และรายละเอียด
  • เครื่องมือวาด วาดรูปร่างและเส้นหลายส่วนเพื่อแสดงข้อมูลเป็นภาพ

✘ ฟีเจอร์ที่ไม่รองรับ

  • Places API (ใหม่) วิธีการค้นหาแบบเป็นโปรแกรม เช่น searchByText
  • เส้นทางและการนำทาง บริการเส้นทางและ Distance Matrix API
  • Address Validation บริการแก้ไขที่อยู่ที่มีความแม่นยำสูง

นอกจากฟีเจอร์ที่ระบุไว้ข้างต้นแล้ว คุณยังใช้ Maps Demo Key กับ Weather API และ Maps Grounding Lite ได้ด้วย ดูข้อมูลเพิ่มเติมได้ที่รับ Maps Demo Key และใช้กับ Weather API

โควต้าของ Maps Demo Key

Maps Demo Key มีขีดจำกัดการใช้งานซึ่งอาจมีการเปลี่ยนแปลง หากใช้งานถึงขีดจำกัดการใช้งานต่อวัน ระบบจะหยุดการใช้งานชั่วคราวจนกว่าจะถึงวันถัดไปโดยไม่มีความเสี่ยงที่จะมีการเรียกเก็บเงิน

วิธีใช้ Maps Demo Key

ขั้นตอนที่ 1: รับ Maps Demo Key ของคุณ

หากต้องการสร้างคีย์ ให้ตรวจสอบว่าคุณได้ลงชื่อเข้าใช้ด้วยบัญชี Google แล้ว จากนั้นคลิกปุ่ม รับคีย์ทดลอง หลังจากยอมรับข้อกำหนดของ Maps Demo Key แล้ว คีย์จะแสดงขึ้นและพร้อมใช้งานทันที

นอกจากนี้ คุณจะได้รับอีเมลพร้อมวิธีการ ดึงคีย์จากคอนโซล Google Cloud

ขั้นตอนที่ 2: ใช้ Maps Demo Key ของคุณกับ Maps JavaScript API

ในทางเทคนิคแล้ว Maps Demo Key คือคีย์ API ที่รองรับฟีเจอร์บางอย่างเท่านั้น คุณ สามารถใช้ Maps Demo Key แทนคีย์ API มาตรฐานในฟีเจอร์ Maps JavaScript API หรือ Weather API ที่รองรับ ตัวอย่างต่อไปนี้แสดงการใช้ Maps Demo Key กับแผนที่พื้นฐาน แทนที่ YOUR_DEMO_KEY ด้วยคีย์ที่คุณเพิ่งดึงข้อมูล

<html>
<head>
  <title>Add a Map using HTML</title>
  <link rel="stylesheet" href="./style.css" />
  <script type="module" src="./index.js"></script>
</head>
<body>
  <gmp-map
    center="38.7946,-106.5348"
    zoom="4"
    map-id="DEMO_MAP_ID"
    style="height: 400px"
  >
  </gmp-map>
  <!--
    The `defer` attribute causes the script to execute after the full HTML
    document has been parsed. -->
  <script
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_DEMO_KEY&libraries=maps"
    defer
  ></script>
</body>
</html>

ขั้นตอนถัดไป