สุ่มสถานที่ GoogleMap

เรามาลองสุ่มเปลี่ยนจากสถานที่เที่ยวที่หนึ่งไปอีกสถานที่หนึ่งกับครับ!!!

สวัดดีครับวันที่ผมจะมีทำวิธีการ Random Map กันน่ะครับ เริ่มจากสร้างโปรเจ็ค xcode ใหม่ขึ้นมา

สร้าง Project มา 1 Project ตั้งชื่ออะไรก็ตามที่เราจะตั้ง

เมื่อสร้าง Project เส็จ ให้เราไปที่ สร้าง Podfile ไปที่ Terminal

และทำการ Podfile มาลงใส่ Project

และเราจะได้ Podfile มาอยู่ใน Project

เมื่อเราได้ Podfile เข้าไปแล้ว พิมพ์คำสั่ง pod 'GoogleMaps' กับ pod 'GooglePlaces'

เมื่อเรา Podfile เส็จแล้ว ให้กลับไปที่ Terminal แล้วพิมพ์คำสั่ง pod install

จากนั้นให้เข้าไปที่เว็บไซต์ https://developers.google.com ซึ่งเราสามารถเลือกได้ว่า เราจะสร้าง Mapsให้เรากดเลือก Maps

เมื่อเข้าเว็บ Google Developers และเลือก Maps แล้ว หน้าถัดไปที่เราจะเจอคือ ให้เราเลือก ว่าเราจะสร้างแอปพลิเคชันสำหรับอะไร เราก็เลือกไปที่ iOS เพราะแอพพลิเคชันเราเป็บระบบ iOS

ถัดมาที่หน้าถัดไปกันก็จะมีให้เราเลือกอยู่ 2 อย่าง ให้เลือกตัว Google Maps SDK for iOS ก็กดเลือกเข้าไปเลย

การทำงานสำหรับ platform iOS

ต่อมา จะเจอเป็นหน้า Tutorials ซึ่งเราเลือกได้ว่าอยากได้ Map แบบไหน แต่ในส่วนของวันนี้ เราจะเลือกเข้าไปที่ Guideline กัน

เมื่อเราเข้ามาที่หน้า Guideline แล้ว จะมีคำแนะนำของขั้นตอนการทำ ไปทีละ Step ตามคำแนะนำของGuideline

ให้เราสร้าง API Key โดยกดเลือกที่ปุ่ม GET A KEY จากนั้นจะมีหน้าต้างขึ้นมาให้เราเลือกสร้าง Project ใหม่ขึ้นมาหรือจะเลือกที่เรามีอยู่แล้วก็ได้

เมื่อเราสร้าง Project เสร็จแล้วให้เราเลือกเข้าไปที่ Google API Console

และไปที่หน้า Dashboard เมื่อไปที่ Dashboardก็ทำการเช็คว่ามี API อะไรเปิดใช้งานอยู่ ให้คลิ๊กที่ Edit ของ API ที่มีสีเหลืองอยู่

ให้เราเลือกเป็น iOS แล้วใส่ Budle ID ของแอปพลิเคชันเราลงไป เพื่อเวลาไปทำงานมันจะได้รู้จับการใช้งาน เสร็จแล้วก็ Save เมื่อเราทำให้หน้า Google API Console เสร็จแล้ว

ต่อเป็นการ Add Key ไปที่แอปพลิเคชันของเรานั่นเอง ให้ปิด XCode กันก่อน แล้วก็เปิดจากไฟล์ที่

เป็นไฟล์ .xcworkspace เข้าไปที่ไฟล์ AppDelegate.swift

เพิ่มคำสั่ง import GoogleMaps กับ import GooglePlaces ลงไป ส่วนใน func didFinishLaunchingWithOptions ให้ใส่ 2 คำสั่งนี้ลงไป

GMSPlacesClient.provideAPIKey("API เอามาจากใน google console")

GMSServices.provideAPIKey("API เอามาจากใน google console")

แล้วมาที่ไฟล์ Main.storyboard

ทำการประกาศ ชื่อให้กับ View อะไรก็ได้ เช่น "gmView"

*อย่าลืมใส่ชื่อให้กับ Class

เราไปที่ไฟล์ ViewController ที่เราต้องการให้แสดง Maps ค่ะ ซึ่งเราจะต้อง import GoogleMaps และให้เราใส่ส่วนของ Class ด้วย CLLocationManagerDelegate กับ GMSMapViewDelegate และ ประกาศคำสั่งในมุมมองของ Location