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

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

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

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

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

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

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

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

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

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

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

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

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

วิธีใช้คีย์สาธิตของ Maps

ขั้นตอนที่ 1: รับ คีย์สาธิต Maps

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

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

ขั้นตอนที่ 2: ใช้คีย์สาธิตของ Maps กับ Maps JavaScript API

ในทางเทคนิคแล้ว คีย์สาธิตของ Maps คือคีย์ API ที่รองรับฟีเจอร์บางอย่างเท่านั้น คุณ สามารถใช้คีย์สาธิตของ Maps แทนคีย์ 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>

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