Copyright 2024 - Custom text here

SetUp Marker Google Map on Flutter บรรยายด้วยภาพครับ

Screen Shot 2563 04 19 at 034400

อยากทำ Marker ที่เปลี่ยนสีได้, หรือ เปลี่ยนรูปไปเลย ต้องทำอย่างไร ?

มาสเตอร์ เคยเขียน บทความที่สอนวิธีการทำ Marker บน Google Map ไปแล้วhttps://www.androidthai.in.th/android-flutter/337-create-marker-on-google-map-api-flutter.html มาวันนี่เราจะลองเปลียนสี หรือ เปลี่ยนรูป Marker กันบ้าง

Screen Shot 2563 04 19 at 034338

ไปกันไวๆ มาสเตอร์ สร้าง Set ที่จะเก็บ Marker ของมาสเตอร์ ไว้แบบนี่ (จำวิธีสร้างไม่ได้ไปดู https://www.androidthai.in.th/android-flutter/337-create-marker-on-google-map-api-flutter.html) ครับ

 Screen Shot 2563 04 19 at 034351

มาดู Marker  แบบพืนฐานเป็นแบบนี้ 

Screen Shot 2563 04 19 at 034413

แล้วแบบเปลี่ยนสี ทำแบบนี่ ใช้ Hue นะ

Screen Shot 2563 04 19 at 034446

ส่วนรูปภาพ เราต้อง initState ก่อนทำ Bitmap ก่อน โดยเก็บในรูปแบบ Icon

Screen Shot 2563 04 19 at 034432

ตัวอย่างการ Call Icon มาทำงาน 

Screen Shot 2563 04 19 at 034400

ผลลัพธ์ ทั้ง สามแบบครับ

 

 

คอร์ส สอนโปรเจ็คแอนดรอยด์ ตัวต่อตัว

privateProject2019v1

คอร์ส เบสิกแอนดรอยด์ สอน ตัวต่อตัว

privateAndroid2019v1

คอร์ส iOS สอน ตัวต่อตัว

privateIos2019V1

คอร์ส Flutter สอน ตัวต่อตัว

privateFlutter2019v1

f t g