การแก้ปัญหา

การช่วยเตือน: หากต้องการใช้ Maps JavaScript API ให้ทำดังนี้

• คำขอ Maps JavaScript API ทั้งหมดต้องมีคีย์ API เราไม่รองรับการเข้าถึงแบบไม่มีคีย์อีกต่อไป
• คุณต้อง เปิดใช้การเรียกเก็บเงินในแต่ละโปรเจ็กต์

ข้อผิดพลาดเกี่ยวกับคีย์ API และการเรียกเก็บเงิน

ในบางกรณี ระบบอาจแสดงแผนที่ที่มืดหรือภาพ Street View "เชิงลบ" ที่มีลายน้ำเป็นข้อความ "เพื่อวัตถุประสงค์ในการพัฒนาเท่านั้น" ลักษณะการทำงานนี้มักบ่งชี้ถึงปัญหาเกี่ยวกับคีย์ API หรือการเรียกเก็บเงิน หากต้องการใช้ผลิตภัณฑ์ Google Maps Platform คุณต้องเปิดใช้การเรียกเก็บเงินในบัญชี และคำขอทั้งหมดต้องมีคีย์ API ที่ถูกต้อง ขั้นตอนต่อไปนี้จะช่วยแก้ปัญหานี้ได้

คุณใช้คีย์ API อยู่ใช่ไหม

ชั้นก็ไม่แน่ใจค่ะ ฉันจะตรวจสอบได้อย่างไรว่าฉันใช้คีย์ API อยู่หรือไม่

ระบบจะส่งคีย์ API เป็นพารามิเตอร์ key ใน URL ที่ใช้โหลด Maps JavaScript API ต่อไปนี้คือตัวเลือกบางส่วนในการตรวจสอบว่าคุณใช้คีย์ API อยู่หรือไม่

• ใช้ส่วนขยาย Chrome Google Maps Platform API Checker ซึ่งจะช่วยให้คุณระบุได้ว่าเว็บไซต์ใช้ Maps API ที่ได้รับอนุญาตของ Google อย่างถูกต้องหรือไม่
• หากคุณใช้ไลบรารีหรือปลั๊กอินเพื่อโหลด Maps JavaScript API ให้ตรวจสอบการตั้งค่าของไลบรารีนั้นและมองหาตัวเลือกคีย์ API
• ตรวจสอบข้อผิดพลาดในเบราว์เซอร์ หากเห็นข้อความต่อไปนี้ แสดงว่าคุณใช้คีย์ API ไม่ถูกต้อง
  • คำเตือนเกี่ยวกับ Google Maps JavaScript API: NoApiKeys
  • ข้อผิดพลาดของ Google Maps JavaScript API: MissingKeyMapError

สำหรับนักพัฒนาเว็บ

• หากคุณมีสิทธิ์เข้าถึงซอร์สโค้ดของแอปพลิเคชัน ให้มองหาแท็ก <script> ซึ่งใช้เพื่อโหลด Maps JavaScript API เมื่อโหลด Maps JavaScript API ให้แทนที่ YOUR_API_KEY ในโค้ดด้านล่างด้วยคีย์ API ของคุณ

    <script async defer
      src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>

• ตรวจสอบการจราจรของข้อมูลในเครือข่ายที่เว็บไซต์สร้างขึ้นในเบราว์เซอร์ ใน Chrome คุณสามารถดูข้อมูลนี้ได้โดยใช้แท็บเครือข่ายของDevTools คุณจะเห็นคำขอเครือข่ายที่เว็บไซต์ส่งมาในส่วนนี้ คำขอที่ส่งโดยใช้ Maps JavaScript API จะอยู่ภายใต้เส้นทาง maps/api/js คุณสามารถตรวจสอบได้ที่นี่ว่าคำขอใช้พารามิเตอร์ key หรือไม่ คุณอาจต้อง กรองการจราจรของข้อมูลในเครือข่ายตาม maps/api/js เมื่อดูแท็บเครือข่าย

ไม่ ฉันไม่ได้ใช้คีย์ API

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

ใช่ ฉันใช้คีย์ API อยู่

เยี่ยมเลย มาต่อกันที่การตรวจสอบว่ามีการแนบบัญชีสำหรับการเรียกเก็บเงินกับโปรเจ็กต์ของคุณหรือไม่

มีบัญชีสำหรับการเรียกเก็บเงินที่เชื่อมโยงกับโปรเจ็กต์ของคุณไหม

ชั้นก็ไม่แน่ใจค่ะ ฉันจะตรวจสอบได้อย่างไรว่าบัญชีสำหรับการเรียกเก็บเงินเชื่อมโยงกับโปรเจ็กต์ของฉันหรือไม่

ไปที่ หน้าการเรียกเก็บเงินในคอนโซล Google Cloud แล้วเลือกโปรเจ็กต์ที่สร้างคีย์ API วิธียืนยันว่าคีย์เชื่อมโยงกับโปรเจ็กต์

1. ไปที่ส่วนข้อมูลเข้าสู่ระบบ ซึ่งเข้าถึงได้จากแถบด้านซ้ายในส่วน Google Maps Platform > ข้อมูลเข้าสู่ระบบ
2. ตรวจสอบว่าคีย์ API ที่คุณใช้อยู่ในเว็บไซต์แสดงอยู่ หากไม่เป็นเช่นนั้น ให้เปลี่ยนไปใช้โปรเจ็กต์อื่นและตรวจสอบข้อมูลเข้าสู่ระบบในโปรเจ็กต์นั้น
3. หากไม่พบโปรเจ็กต์สำหรับคีย์ API แสดงว่าคุณอาจเสียสิทธิ์เข้าถึงโปรเจ็กต์นี้ ขอความช่วยเหลือจากผู้อื่นในองค์กร หากไม่พบโปรเจ็กต์เดิม คุณควรทำดังนี้
   1. สร้างโปรเจ็กต์ใหม่ ซึ่งทำได้โดยเลือกโปรเจ็กต์ใหม่จากรายการโปรเจ็กต์ หรือเลือกสร้างโปรเจ็กต์ผ่านหน้าระบบจัดการทรัพยากร
   2. สร้างคีย์ API ใหม่ ซึ่งทำได้ในหน้าข้อมูลเข้าสู่ระบบ เมื่อไปที่หน้าดังกล่าวแล้ว ให้คลิกสร้างข้อมูลเข้าสู่ระบบ แล้วเลือกคีย์ API

เมื่อพบโปรเจ็กต์ในคอนโซล Cloud แล้ว ให้ตรวจสอบว่ามีการแนบบัญชีสำหรับการเรียกเก็บเงินหรือไม่โดยไปที่ส่วนการเรียกเก็บเงินในเมนูด้านซ้าย

ไม่ บัญชีสำหรับการเรียกเก็บเงินไม่ได้เชื่อมโยงกับโปรเจ็กต์ของฉัน

ไปที่หน้าเปิดใช้การเรียกเก็บเงินในคอนโซล Cloud แล้วเพิ่มบัญชีสำหรับการเรียกเก็บเงินลงในโปรเจ็กต์ ดูข้อมูลเพิ่มเติมได้ที่หัวข้อเริ่มต้นใช้งาน Google Maps Platform

ใช่ มีบัญชีสำหรับการเรียกเก็บเงินเชื่อมโยงกับโปรเจ็กต์ของฉัน

เยี่ยมเลย โปรดตรวจสอบว่าวิธีการเรียกเก็บเงินที่ระบุถูกต้อง

วิธีการเรียกเก็บเงินที่ระบุใช้ไม่ได้อีกต่อไป (เช่น บัตรเครดิตหมดอายุ) ใช่หรือไม่

คุณ เพิ่ม นำออก หรืออัปเดตวิธีการชำระเงินได้ในคอนโซล Cloud

มีการใช้งานเกินขีดจำกัดการใช้งานต่อวันที่กำหนดเองใน API หรือไม่

หากคุณได้กำหนดขีดจำกัดการใช้งานต่อวันใน API ใดๆ ซึ่งเป็นเรื่องปกติเพื่อป้องกันการเพิ่มขึ้นที่ไม่คาดคิด คุณสามารถแก้ไขปัญหานี้ได้โดยเพิ่มขีดจำกัดการใช้งานต่อวัน

คุณสามารถตรวจสอบขีดจำกัดการใช้งานต่อวันได้โดยไปที่แดชบอร์ด API และบริการในคอนโซล Cloud แล้วทำดังนี้

1. เลือกโปรเจ็กต์หากได้รับข้อความแจ้ง
2. เลือก API จากรายการ แล้วคลิกแท็บโควต้า

คีย์ API ของคุณมีการจำกัดที่อยู่ IP ไหม

คีย์ API ที่มีข้อจำกัดที่อยู่ IP จะใช้ได้กับบริการบนเว็บที่มีไว้สำหรับการใช้งานจากฝั่งเซิร์ฟเวอร์เท่านั้น (เช่น Geocoding API และ API ของบริการบนเว็บอื่นๆ) เว็บเซอร์วิสเหล่านี้ส่วนใหญ่มีบริการที่เทียบเท่าภายใน Maps JavaScript API (เช่น ดูบริการการเข้ารหัสพิกัดภูมิศาสตร์) หากต้องการใช้บริการฝั่งไคลเอ็นต์ของ Maps JavaScript API คุณจะต้องสร้างคีย์ API แยกต่างหากซึ่งสามารถรักษาความปลอดภัยได้ด้วยข้อจำกัดผู้แนะนำ HTTP (ดูหัวข้อรับ เพิ่ม และจำกัดคีย์ API)

หากรหัสใช้ไม่ได้ ให้ทำดังนี้

Brendan Kenny และ Mano Marks จะชี้ให้เห็นข้อผิดพลาดที่พบบ่อยและวิธีแก้ไขในวิดีโอนี้ เพื่อช่วยให้คุณเขียนโค้ดแผนที่และทำให้โค้ดทำงานได้

• ตรวจหาการพิมพ์ผิด โปรดทราบว่า JavaScript เป็นภาษาที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
• ตรวจสอบข้อมูลพื้นฐาน - ปัญหาที่พบบ่อยที่สุดบางประการเกิดขึ้นกับการสร้างแผนที่เริ่มต้น เช่น
  • ตรวจสอบว่าคุณได้ระบุพร็อพเพอร์ตี้ zoom และ center ในตัวเลือกแผนที่แล้ว
  • ตรวจสอบว่าคุณได้ประกาศองค์ประกอบ div ที่แผนที่จะปรากฏบนหน้าจอ
  • ตรวจสอบว่าองค์ประกอบ div สำหรับแผนที่มีความสูง CSS ที่ไม่ใช่ศูนย์อย่างชัดเจน (เช่น height: 400px) โดยค่าเริ่มต้น องค์ประกอบ div จะสร้างขึ้นโดยมีความสูงเป็น 0 จึงมองไม่เห็น
  ดูตัวอย่างการติดตั้งใช้งานอ้างอิง
• ใช้โปรแกรมแก้ไขข้อบกพร่อง JavaScript เพื่อช่วยระบุปัญหา เช่น โปรแกรมที่มีอยู่ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome เริ่มต้นด้วยการดูข้อผิดพลาดในคอนโซล JavaScript เช่น InvalidKeyMapError หรือ ApiNotActivatedMapError และดูคู่มือข้อความแสดงข้อผิดพลาดเพื่อแก้ไขข้อผิดพลาดเหล่านั้น
• โพสต์คำถามใน Stack Overflow ดูหลักเกณฑ์เกี่ยวกับวิธีโพสต์คำถามที่ดีได้ในหน้าการสนับสนุน