สคริป ระบุตำแหน่งลิงค์ไปแผนที่และแสดงผลบนเว็บไซต์ Google Maps API & JS | boychawin.com

สคริป ระบุตำแหน่งลิงค์ไปแผนที่และแสดงผลบนเว็บไซต์ Google Maps API & JS

  • December 25, 2020 500
สคริป ระบุตำแหน่งลิงค์ไปแผนที่และแสดงผลบนเว็บไซต์   Google Maps API & JS
  • Share

ในตัวโค้ดจะมี Google Maps Key  ซึ่งเอาไว้ให้ทดสอบเท่านั้นนะครับ แต่ถ้าอยากใช้ Google Maps API เต็มรูปแบบต้องไปสมัครรับ Key จึงจะทำการเปิด Control ต่างๆใช้งานได้ ซึ่งอาจจะมีค่าใช้จ่ายด้วยนะครับ 
คลิกดูลิงค์สมัคร  

คำอธิบายวิธีใช้

1. คลิกที่ ปุ่ม "ระบุตำแหน่ง"  จะมีการเรียกขอเข้าถึงตำแหน่งก่อน ให้ "อนุญาติ" 


2. ระบบจะระบุตำแหน่งปัจจุบันแล้วดึง ลองจิจูด, ละติจูด มีแสดงที่ Text Box


3. เราจึงสามารถกด ดูแผนที่ จะลิงค์พร้อมแสดงตำแหน่งเราไปที่หน้า Google Maps 


4. นำโค้ดไปปรับแต่งตามงานเราได้เลยนะครับ


ตัวอย่างโค้ดแบบเต็ม 


GitHub

บทความอื่นที่น่าสนใจ

ความคิดเห็น

ติดตาม Facebook

ยอดนิยมวันนี้

ยอดนิยม

เว็บเทรด Bitcoin

ติดต่องาน

ช่องทางติดต่อเรา