แก้ปัญหา หน้านี้โหลด Google Maps ไม่ถูกต้อง

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22590
Joined: 22/09/2008 6:18 pm
Contact:

แก้ปัญหา หน้านี้โหลด Google Maps ไม่ถูกต้อง

Post by mindphp » 12/12/2018 4:00 am

แก้ปัญหา หน้านี้โหลด Google Maps ไม่ถูกต้อง
Attachments
error-api-map-google.png
Console javascript Google Map Error
error-api-map-google.png (56.12 KiB) Viewed 499 times
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22590
Joined: 22/09/2008 6:18 pm
Contact:

Re: แก้ปัญหา หน้านี้โหลด Google Maps ไม่ถูกต้อง

Post by mindphp » 12/12/2018 4:09 am

ให้เข้าไปขอ API Key จากที่นี่
https://cloud.google.com/maps-platform/?apis=maps
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

Nitikorn

Re: แก้ปัญหา หน้านี้โหลด Google Maps ไม่ถูกต้อง

Post by Nitikorn » 26/06/2019 12:13 pm

Map API สำหรับพัฒนา Web/Mobile Application นอกจาก Google Maps แล้ว

ก็ยังมี Longdo Map API ([url]https://map.longdo.com/docs[/url]) ที่เป็นของคนไทยทำด้วยนะครับ ลองใช้ดูได้
นักพัฒนาคือทีมเดียวกันกับ Longdo Dict พจนานุกรมออนไลน์ที่หลายท่านน่าจะคุ้นๆ กัน


User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22590
Joined: 22/09/2008 6:18 pm
Contact:

Re: แก้ปัญหา หน้านี้โหลด Google Maps ไม่ถูกต้อง

Post by mindphp » 23/09/2019 10:41 am

mindphp wrote:แก้ปัญหา หน้านี้โหลด Google Maps ไม่ถูกต้อง
ทางแก้คือ ขอ KEY เมื่อได้ Key มาแล้ว เพิ่ม Key นั้นเข้าไปในส่วนที่ request ไปที่ map ของ Google
ด้วย ตัวอย่าง

Code: Select all

  <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
  type="text/javascript"></script>
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

Post Reply

Return to “HTML CSS”

Users browsing this forum: No registered users and 5 guests