บทความนี้เราจะเพิ่มลูกเล่นด้วยของ Google Maps แต่ก่อนอื่นเราต้องทำ Google maps ก่อน
เริ่มจากเปิด เว็บไซต์ https://developers.google.com
คลิก คำว่า "Maps"
จากนั้นทำตาม Step ตามบทความหัวข้อ จนถึง Step 6 ซึ่งใน Step 6 คือจะให้เรา เพิ่ม Map ครับ โดยเริ่มมาเราจะไปที่ ViewController ครับ ก่อนอื่นเลย เราต้อง Import GoogleMaps หลัง จากนี้ก็ประกาศฟังก์ชั้นอะไรก็ได้ เช่น func initMap แล้วก็สามารถ Copy Code ในเว็บได้เลย แต่ต้องเช็คด้วยว่า ภาษาเป็น Swift หรือไม่ ดังภาพ
หลังจาก Run Step 7 คือให้ ใส่ Copy Code ใน info.plist ก็เป็นอันเรียบร้อยครับ
วิธีการเปลี่ยน Type ก็ง่ายๆ เพียงแค่ Copy ค่า Value นั้นๆไปแทน เช่น เราต้องการจะใช้ Type Hybrid เราก็แค่ Copy คำว่า kGMSTypeHybrid มาแทนค่า KGMSTypeSatellite เช่น
เท่านี้ก็เรียบร้อยสำหรับการเปลี่ยนType
เอาละถ้าลองทำแล้วไม่เข้าใจก็ลองเปิด Cilp ดูนะครับ
เริ่มจากเปิด เว็บไซต์ https://developers.google.com
![]() |
หน้าเว็บของhttps://developers.google.com |
คลิก คำว่า "Maps"
จากนั้นทำตาม Step ตามบทความหัวข้อ จนถึง Step 6 ซึ่งใน Step 6 คือจะให้เรา เพิ่ม Map ครับ โดยเริ่มมาเราจะไปที่ ViewController ครับ ก่อนอื่นเลย เราต้อง Import GoogleMaps หลัง จากนี้ก็ประกาศฟังก์ชั้นอะไรก็ได้ เช่น func initMap แล้วก็สามารถ Copy Code ในเว็บได้เลย แต่ต้องเช็คด้วยว่า ภาษาเป็น Swift หรือไม่ ดังภาพ
![]() |
Map ปักหมุดของเราก็จะขึ้นตามที่เขียนตาม "Bangkok university Tulakarn" หลังจากนั้นก็ลอง Run ครับ ปักหมุดต้องขึ้น |
เพิ่มเติมวิธี ใส่ code ใน info.plist คือ Control + Click แล้วก็ไปที่ Open as -> Source Code
ที่นี้เราจะมาสอนเกี่ยวกับการ change map type ครับ ก่อนอื่นเราก็กลับไปที่เว็บ Developer.google แล้วเลือกคำว่า Map Objects ทางด้านซ้ายมือ
เมื่อ Run แล้วก็จะขึ้นดังภาพครับ
คลิกที่ Map Objects ทางด้านซ้าย
เมื่อเราคลิกมาแล้วให้เราข้ามไปยังหัวข้อ Add a map ซึ่งเราได้ทำไปแล้วแต่เราจะไป Copy code แค่ บรรทัดเดียว
![]() |
Copy หรือพิมพ์ทับView mapviewไปเลย |
Stepต่อไป คือ เขาจะให้เราเลือก เปลี่ยนTypeของเราเองและเปลี่ยนง่ายมากเพียงแค่บรรทัดเดียว
จะเห็นได้ว่าเราเพิ่ม Code แค่2 บรรทัดเท่านั้นเองในการเปลี่ยนType map
เมื่อพิมพ์ตามแล้ว เราก็มาลอง Run กันเถอะครับ
![]() |
นี้คือผลของType Satellite |
และเรามาดู type ของ Map เราสามารถดูได้ดังนี้
![]() |
Type จะแตกต่างกันออกไป |
เอาละถ้าลองทำแล้วไม่เข้าใจก็ลองเปิด Cilp ดูนะครับ
Comments
Post a Comment