Speed up add custom marker on google map

1. SPEED UP ADD CUSTOM
MARKER ON GOOGLE MAP
ANDYANG@ANDROID TAIPEI

2. ABOUT ME
▸ Andy 楊哲偉
▸ ⾞車車⿇麻吉 Android Developer
▸ kotlin, rxjava 愛好者
▸ Android Code Club (Taipei) Organizer
▸ 最近愛上寫 coding dojo

3. AGENDA
▸ Background
▸ Why add makers very slowly on google map?
▸ How to improve?
▸ LEVEL 0 (no custom marker)
▸ LEVEL 1 (custom marker)
▸ LEVEL 2 (cache marker bitmap)
▸ LEVEL 3 (double cache & thread)
▸ Recap
▸ Q&A

4. Live Demo Source Code
https://github.com/
bng86/SpeedUpMarker

5. BACKGROUND
▸ Marker
▸ lat/lng
▸ icon (custom)
▸ Fetch data
▸ bounding box
▸ center lat/lng with radius
▸ google map api add marker (on main thread)

6. WHY ADD MAKERS VERY SLOWLY ON GOOGLE MAP?
▸ add each marker blocking UI thread 1~10 ms
▸ add marker can’t on background thread
▸ custom marker generator bitmap
▸ create marker instance after add maker
▸ Marker addMarker(markerOptions)

7. LEVEL 0
▸ add marker without custom icon

8. DEMO

9. LEVEL 1
▸ add marker custom icon with
dynamic data
▸ blocking ui thread

10. DEMO

11. LEVEL 2
▸ reuse bitmap resource for same data
▸ using data class define marker data
▸ LRUCache reuse Bitmap

12. DEMO

13. LEVEL 3
▸ cache marker & data (LRUCache)
▸ generator bitmap, check marker cache do in background
thread
▸ delay emitter data distributed blocking main thread
▸ limit max alive marker on map

14. DEMO

15. RECAP
▸ cache bitmap
▸ cache marker
▸ generate and calculate do in background
▸ delay emitter data
▸ limit max alive marker

16. Q&A