ค้นหาที่อยู่บน google map ด้วย Places API : webapponsite

ค้นหาที่อยู่บน google map ด้วย Places API

ค้นหาที่อยู่ บน google map ด้วย Places API

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

STEP 1 สมัครใช้บริการ google map api https://cloud.google.com/maps-platform/

google map apigoogle map api

STEP 2 ให้เลือก Places

google map apiให้คุณ สร้าง Project และทำตามขั้นตอนที่ google กำหนดมา

STEP 3 ดำเนินการ ผูกบัตรเครดิตกับ google เพื่อเป็นการยืนยันว่าคุณมีตัวตนจริงเพราะ ตั้งแต่เดือน มิถุนายน 2561 เป็นต้นมาทาง google ได้คิดค่าบริการ map ตามการใช้งานจริงของลูกค้า

google map apigoogle map apiให้คุณดำเนินการผูกบัตรให้เรียบร้อย 

STEP 4 หลังจากที่ผูกบัตรและสมัคร google api เรียบร้อยแล้วให้เข้า https://console.cloud.google.com/ เพื่อดำเนินการขอเปิดใช้งาน API 
- Places API ตามรูปด้านล่าง

google mapPlaces API ก็ทำเช่นเดียวกับ Maps javascript API 

STEP 5 กำหนด Key Api เพื่อยืนยันตัวตนก่อนใช้งาน API 
- เข้าไปที่ เมนู "ข้อมูลรับรอง" 
- สร้างข้อมูลรับรอง
- เลือก Key API
- เลือก "จำกัด Key" เพื่อกำหนดสิทธิ์การใช้งาน
google map

STEP 6 เริ่มเขียน Code Places Api(สำหรับค้นหาสถานที่บน google map) ด้วยการคีย์ที่อยู่
google map

- ให้สร้าง page ขึ้นมาเพื่อเขียน code สมมุติเราสร้าง index.html

google map

โดยค่าที่จะถูกส่งกลับมาเป็น Lat,lon ซึ่งคุณสามารถนำไปประยุกต์ใช้ในฟังก์ชั่นอื่นได้ เช่น ส่ง lat,lon ไปค้นหาชื่อสถานที่หรือส่งไปคำนวณหาระยะทางบน google map เป็นต้น
คุณสามารถหาข้อมูลเพิ่มเติมได้ที่ https://developers.google.com/places/web-service/autocomplete
สามารถดาว์โหลด Code ตัวอย่างได้ที่นี่