ข้อผิดพลาด: ข้อผิดพลาด API ของ Google Maps: MissingKeyMapError


137

ข้อผิดพลาด JavaScript ต่อไปนี้ปรากฏขึ้นทันที:

ข้อผิดพลาดของ Google Maps API: ข้อผิดพลาดของ Google Maps API: MissingKeyMapError


คุณรวมรหัสใน API ของคุณหรือไม่
geocodezip

สิ่งหนึ่งที่ฉันต้องเพิ่มคือนอกเหนือจากคีย์ api เราจะต้อง "เปิดใช้" API เฉพาะที่เราใช้ในคอนโซลของ Google ด้วย
Binod Kalathil

คำตอบ:


123

ใช่. ตอนนี้ Google ต้องการคีย์ API รับรองความถูกต้องให้กับผู้ใช้ในการเข้าถึง APIs`

คุณสามารถรับรหัส API ได้จากลิงค์ต่อไปนี้ ผ่านลิงค์และคุณต้องเข้าสู่โครงการและอื่น ๆ แต่มันง่าย ไม่ยุ่งยาก

https://developers.google.com/maps/documentation/javascript/get-api-key

เมื่อคุณได้รับคีย์ API ให้เปลี่ยนก่อนหน้านี้

<script src="https://maps.googleapis.com/maps/api/js"></script>

ถึง

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=your_api_key_here"></script>

ตอนนี้แผนที่ google ของคุณกำลังทำงาน ในกรณีที่คุณสงสัยว่าจะได้ลองจิจูดและละติจูดเพื่อป้อนเข้าสู่แผนที่ เพียงปักหมุดตำแหน่งที่คุณต้องการและตรวจสอบ URL ของเบราว์เซอร์ คุณสามารถดูค่าลองจิจูดและละติจูดที่นั่น เพียงคัดลอกค่าเหล่านั้นแล้ววางดังต่อไปนี้

new google.maps.LatLng(longitude ,latitude )

1
ช่วยฉันได้มาก
Siddiqui Noor

78

ตามประกาศล่าสุดของ Googleการใช้งาน Google Maps API ต้องใช้รหัส หากคุณใช้ Google Maps API บน localhost หรือโดเมนของคุณไม่ได้ใช้งานก่อนวันที่ 22 มิถุนายน 2016 จะต้องใช้รหัสต่อไป โปรดดูเอกสารประกอบของ Google Maps API เพื่อรับรหัสและเพิ่มไปยังแอปพลิเคชันของคุณ


20

แอปพลิเคชัน API ของ Google แผนที่ JavaScript ทั้งหมดต้องมีการตรวจสอบสิทธิ์ (API KEY)

  1. ไปที่https://developers.google.com/maps/documentation/javascript/get-api-key
  2. เข้าสู่ระบบด้วยบัญชี Google
  3. คลิกที่ปุ่มรับ 3 เลือกหรือสร้างโครงการ
  4. คลิกที่เปิดใช้งาน API (Google Maps API)
  5. คัดลอกคีย์ API ของคุณในโครงการของคุณ: <script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=(Paste YOUR API KEY)"></script>

มันใช้งานได้อย่างมีเสน่ห์ แต่ฉันต้องซ่อนรหัส apiหรือไม่ แนวทางของคุณจะปลอดภัยหรือไม่?
Kick Buttowski

@KickButtowski คุณควร จำกัด ที่สำคัญของคุณโดย HTTP อ้างอิงหรือวิธีอื่น
Ero

1

อัปเดตdjango-geopositionอย่างน้อยเป็นรุ่น0.2.3และเพิ่มลงใน settings.py:

GEOPOSITION_GOOGLE_MAPS_API_KEY = 'YOUR_API_KEY'

1

ปัญหาเดียวกันที่ฉันเผชิญเมื่อสองสามเดือนก่อนและนั่นเป็นเพราะการใช้แผนที่ google ฟรีสิ้นสุดมีผลตั้งแต่ฉันคิดว่า 11 มิถุนายน 2018 Google ไม่ได้ให้บริการแผนที่ google ฟรีในขณะนี้ คุณต้องมีรหัส API ที่ถูกต้องและใช้การเรียกเก็บเงินที่ถูกต้องซึ่งอาจทำให้คุณใช้งานได้ฟรี 200 $

อ้างอิงลิงค์สำหรับรายละเอียดเพิ่มเติม: การกำหนดราคาแผนที่ Google

ทำตามขั้นตอนที่นี่เพื่อรับรหัส API ของคุณ

หากคุณใช้งานเฉพาะแผนที่ที่มีผู้ใช้เฉพาะคุณสามารถลองใช้เครื่องมือแผนที่อื่น ๆ


0

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

โปรดดูที่คู่มือเพื่อคีย์ API และรหัสลูกค้า


การคัดลอกข้อความโดยตรงจากเอกสารที่อ้างอิงโดยข้อความแสดงข้อผิดพลาดนั้นไม่มีประโยชน์เลย
pvgoran

เห็นด้วยกับ @pvgoran ไม่เพียงแค่วางลิงค์แสดงข้อมูลที่เกี่ยวข้องจากลิงก์และใช้เป็นข้อมูลอ้างอิงถึงข้อความเต็มหากผู้ถามต้องการเรียนรู้เพิ่มเติม
Ero

0

คุณต้องสร้างโครงการและรวบรวมกุญแจด้วยวิธีนี้:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en&key=()"></script>
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.