การแก้ปัญหา

โปรดทราบ: หากต้องการใช้ Maps JavaScript API ให้ทำดังนี้

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

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

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

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

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

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

• ใช้ส่วนขยาย เครื่องมือตรวจสอบ API แพลตฟอร์ม Google Maps สำหรับ Chrome วิธีนี้จะช่วยให้คุณทราบว่าเว็บไซต์ของคุณใช้ Maps API ที่ได้รับอนุญาตของ Google อย่างถูกต้องหรือไม่
• หากคุณใช้ไลบรารีหรือปลั๊กอินเพื่อโหลด Maps JavaScript API ให้ตรวจสอบการตั้งค่าของไลบรารีนั้นและมองหาตัวเลือกคีย์ API
• ตรวจสอบข้อผิดพลาดในเบราว์เซอร์ หากคุณเห็นข้อความต่อไปนี้ แสดงว่าคุณใช้คีย์ API อย่างไม่ถูกต้อง
• คำเตือน Google Maps JavaScript API: NoApiKeys
• ข้อผิดพลาดของ JavaScript API ของ Google Maps: 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 Console แล้ว ให้ตรวจสอบว่ามีบัญชีสำหรับการเรียกเก็บเงินแนบอยู่โดยไปที่ส่วนการเรียกเก็บเงินในเมนูด้านซ้าย

ไม่ ไม่มีบัญชีสำหรับการเรียกเก็บเงินที่แนบอยู่กับโปรเจ็กต์

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

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

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

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

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

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

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

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

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

คีย์ API มีข้อจํากัดที่อยู่ IP ไหม

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

หากโค้ดของคุณใช้งานไม่ได้ ให้ทำดังนี้

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

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