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

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

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

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

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

Maps JavaScript API

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

Web Service API

* เนื้อหาที่ผู้ใช้สร้างขึ้น เช่น รูปภาพและรีวิวที่ผู้ใช้ส่งเข้ามา จะไม่พร้อมใช้งานผ่าน Maps Demo Key

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

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

วิธีใช้ Maps Demo Key

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

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

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

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

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

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