วันพฤหัสบดีที่ 2 มีนาคม พ.ศ. 2560

IOS : Swift 3 กับ Google Map มาลองใช้กันเลย ตอนที่1


     สวัสดีค้าบบบบ ได้โอกาสเขียนบทความแรกลงบล็อคของตัวเองซะที หลังจากยุ่งๆกะงาน และการขี้เกลียด คิดอยู่ว่าจะเขียนเขียนเรื่องอะไรดี จนมาจบที่การใช้ภาษา Swift กับ Google Map ที่ตัวเองคุ้นเคย

เอาละ มาเริ่มกันเลย

ก่อนอื่นเลยสร้างโปรเจคใหม่บน x-code ก่อน (เปิด Mac สิครับ รออัลไล)



เลือก Single View และกด Next ไปเลย
--------------------------------------------------------------------------------------------


ตั้งชื่อ โปรเจค เปลี่ยน Language เป็นภาษา Swift กด Next เลือกที่เก็บไฟล์แล้วกด Create ได้เลย
--------------------------------------------------------------------------------------------

จะได้หน้าตาโปรเจคที่โล่งมากๆ
--------------------------------------------------------------------------------------------
การจะพัฒนาแอปพลิเคชัน IOS ที่ใช้ GoogleMap นั้นมีสองวิธี คือ 
1. INSTALL MANUALLY เป็นการ Download  SDK source files จากเว็บของ Google โดยตรง
2. USE COCOAPODS ที่นิยมกันอย่างมากในหมู่นักพัฒนา ซึ่งเป็นการ ใช้ APi หรือ framework ต่าง Cocoapods

ทางผมจะขอเลือกวิธีที่ 2 เนื่องจากง่ายต่อการอัปเดต Google และ API เจ๋งๆ ยังใช้งานผ่าน Cocoapods อีกด้วย

เพื่อนๆ สามารถติดตั้ง Cocoapods ได้ตามนี้เลยครับ  https://cocoapods.org/ 
สำหรับใครที่ยังไม่เข้าใจวิธีติดตั้ง ครั้งหน้าถ้ามีผู้ขอผมจะมาสอนวิธีทำให้ครับ

--------------------------------------------------------------------------------------------
เอาละ หลังจากติดตั้ง Cocoapods ในเครื่องเรียบร้อยแล้ว ก็มาสร้างไฟล์ Pod ในโปรเจคกันเลย
1. ปิดโปรเจคก่อน
2. เปิด Terminal (cmd บน window นั้นแหละ) จากนั้นลากโฟลเดอร์โปรเจคมาที่ Terminal หรือ พิมพ์
    cd ตามด้วยชื่อโฟลเดอร์


--------------------------------------------------------------------------------------------

พิมพ์
$ pod init  


เพื่อสร้าง Podfile



Podfile ขึ้นในโฟลเดอร์ทันที
--------------------------------------------------------------------------------------------
เปิด Podfile ได้เลยครับ
เพิ่ม pod google ตามรูปได้เลย
--------------------------------------------------------------------------------------------
กลับมาที่ Terminal ที่เปิดค้างไว้
ให้พิมพ์ pod install และกด Enter ได้เลย


รอจนโปรแกรมติดตั้งเสร็จก่อนนะครับ อันนี้สำคัญ
..ถ้ามีการอัปเดตเวอร์ชันของ Google map หรือติดตั้ง API อื่นๆเพิ่มเติมให้เปลี่ยนจากการพิมพ์ pod install เป็น pod update แทน


กลับมาที่โปรเจค จะสังเกตได้ว่ามีไฟล์เพิ่มขึ้นมา จากเดิมเราจะเข้าโปรเจคผ่าน .xcodeproj ให้เปลี่ยนมาเข้า .xcworkspace แทน

--------------------------------------------------------------------------------------------

ขอจบตอนที่ 1  ไว้เพียงเท่านี้ ผิดพลาดตรงไหนต้องขออภัย และสามารถแนะนำติชมได้เลยครับ 

ตอนที่ 2 คลิกเลย



ปล. สำหรับคนที่อยากลองทำเองให้เข้าตาม URL นี้ได้เลยครับ
https://developers.google.com/maps/documentation/ios-sdk/start


ไม่มีความคิดเห็น:

แสดงความคิดเห็น

Subscribe