สอนเปลี่ยน Style ให้กับ Google Map

สวัสดีครับวันนี้ผมจะมาสอนเปลี่ยนรูปแบบของ Google Map ที่เราใช้กันในตัวแอปพลิเคชั่น
เริ่มแรกเลยให้เรา เข้าเว็บ https://developers.google.com/maps/ios/

เลือก Google Maps SDK for iOS หลังจากนั้น

พอเข้ามาหน้านี้แล้วให้ทำตามวิธีที่เว็บบอกได้เลยหรือใครไม่เข้าก็สามารถดูคลิปวิดีโอที่ผมได้อัพไว้ได้

เมื่อเสร็จแล้วในตัว Code ของเราจะมีแค่นี้มาลองรับกันเลยครับ

จะเห็นได้ว่าตัวแผนที่ของเราขึ้นมาแล้วทีนี้เราจะมาเพิ่มลูกเล่นให้กับตัวแผนที่เราหน่อย

ให้เรากดกลับมาที่หน้า Overview แล้วให้เลือก Style your Map

จะให้ได้ว่าในเว็บนั้นจะมีตัว Code ให้เราเลือกอยู่ 2 ชุดคือใช้ URL กับ String เราสามารถเลือกได้เลยว่าจะใช้แบบไหนให้เลือกมาชุดนึง ในตัวอย่างของผมจะเลือก Code ในส่วนที่เป็น String ให้เราสร้างฟังค์ชั่นใหม่มาหนึ่งฟังค์ชั่นแล้วก็อปปี้ Code ไปใส่ไว้ในฟังค์ชั่น 

*อย่าลืมเรียกใช้ฟังค์ชั่นในส่วนของ ViewDidLoad

ต่อมาเราจะเห็นว่าในส่วนของฟังค์ชั่น styleMap ตรงเงื่อนไข Do จะมี Code ที่เขียนไว้ว่า

"mapView.mapStyle = try GMSMapStyle(jsonString: kMapStyle)"

ตรงคำว่า kMapStyle นั้นจะเป็นชื่อตัวแปรที่เราสามารถตั้งหรือเปลี่ยนชื่อได้

ให้เราไปสร้างตัวแปรใหม่ขึ้นมาตามชื่อที่เราใส่ไว้

หลังจากให้เปิดหน้าเว็บขึ้นมาใหม่แล้วเลื่อนลงมาจะเห็นรูปเป็นแผนที่หลายๆแบบ

ให้เลือก Create custom styles for the Google Maps APIs

เมื่อกดเข้ามาแล้วจะเป็นหน้าไว้สำหรับให้เราปรับแต่งตัวแผนที่ของเราให้เราทำการปรับตามแบบที่เราต้องการเมื่อทุกอย่างเรียบร้อยแล้วก็ให้กด Finish 

เสร็จแล้วให้เราก็อปปี้ Code ในส่วนของ json มาใส่ในตัวแปร 

เสร็จแล้วให้ลองกด Run ดูก็เป็นอันเสร็จสิ้น

ทีนี้เราก็จะได้แผนที่สวยๆในแบบของเราแล้วครับ