บทความ Flutter
SetUp Marker Google Map on Flutter
Written by มาสเตอร์ อึ่ง
Details:
Category: บทความ Flutter | Published: 27 April 2020 | Hits: 5665
SetUp Marker Google Map on Flutter บรรยายด้วยภาพครับ
อยากทำ Marker ที่เปลี่ยนสีได้, หรือ เปลี่ยนรูปไปเลย ต้องทำอย่างไร ?
มาสเตอร์ เคยเขียน บทความที่สอนวิธีการทำ Marker บน Google Map ไปแล้วhttps://www.androidthai.in.th/android-flutter/337-create-marker-on-google-map-api-flutter.html มาวันนี่เราจะลองเปลียนสี หรือ เปลี่ยนรูป Marker กันบ้าง
ไปกันไวๆ มาสเตอร์ สร้าง Set ที่จะเก็บ Marker ของมาสเตอร์ ไว้แบบนี่ (จำวิธีสร้างไม่ได้ไปดู https://www.androidthai.in.th/android-flutter/337-create-marker-on-google-map-api-flutter.html) ครับ
มาดู Marker แบบพืนฐานเป็นแบบนี้
แล้วแบบเปลี่ยนสี ทำแบบนี่ ใช้ Hue นะ
ส่วนรูปภาพ เราต้อง initState ก่อนทำ Bitmap ก่อน โดยเก็บในรูปแบบ Icon
ตัวอย่างการ Call Icon มาทำงาน
ผลลัพธ์ ทั้ง สามแบบครับ