Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Xamarin.Forms.GoogleMaps について

amay077
June 17, 2017

Xamarin.Forms.GoogleMaps について

2017.6.19 [なごや]学生でもわかるXamarin勉強会 - https://jxug.connpass.com/event/57324/ の発表資料です。

amay077

June 17, 2017
Tweet

More Decks by amay077

Other Decks in Programming

Transcript

  1. Xamarin.Forms.
    GoogleMaps ʹ͍ͭͯ
    2017.6.19 ֶੜͰ΋Θ͔ΔXamarin
    @amay077

    View full-size slide

  2. About me
    • Ԟࢁ ༟ਈ - @amay077ʢ͋Ί͍ʣ
    • ۀ຿ܥϓϩάϥϚ+α
    • Ѫ஌ݝࡏॅͷϑϧϦϞʔτϫʔΧʔ
    • ஍ཧ৘ใγεςϜɺҐஔ৘ใϓϩάϥϛϯά
    • Android, iOS, Xamarin, Java, C#, Salesforce

    View full-size slide

  3. Work for

    • B2B޲͚PaaSɺ૔ݿ؅ཧɾӡૹۀ޲͚SaaS
    • AWS, Elasticsearch, Cassandra, Lambda, etc
    • શһ͕ϑϧϦϞʔτϫʔΧʔ
    ͓࢓ࣄ಺༰΍ϦϞʔτͰͷಇ͖ํͳͲڵຯ͋Δํɺؾܰʹฉ͍͍ͯͩ͘͞

    View full-size slide

  4. Books

    Essential Xamarin ӄ / ཅ
    ʮBooth XamarinʯͰݕࡧ

    View full-size slide

  5. Target
    • Xamarin ͸஌ͬͯΔ
    • Xamarin.Forms ΋·͋ฉ͍ͨ͜ͱ͋Δ
    • Google Maps ΋஌ͬͯΔ

    View full-size slide

  6. Agenda
    1. εϚϗΞϓϦͱ஍ਤϥΠϒϥϦ
    2. Xamarin.Forms.Maps
    3. Xamarin.Forms.GoogleMaps
    4. ػೳ঺հ
    5. Ͳ͏΍ͬͯ։ൃͯ͠Δʁ

    View full-size slide

  7. εϚϗΞϓϦ
    ͱ
    ஍ਤϥΠϒϥϦ

    View full-size slide

  8. ඪ४ͷ஍ਤϥΠϒϥϦ
    • Android → Google Maps API(Google Play
    services)
    • iOS → MapKit
    • UWP → Bing Maps SDK

    View full-size slide

  9. Xamarinͷ৔߹
    • Xamarin.Android → Google Maps
    API(Google Play services)
    • Xamarin.iOS → MapKit

    View full-size slide

  10. Xamarin.Formsͷ৔߹
    • Android → Google Maps API(Google Play
    services)
    • iOS → MapKit
    • UWP → Bing Maps SDK

    ʔ Xamarin.Forms.Maps ʔ

    View full-size slide

  11. Xamarin
    .Forms.Maps

    View full-size slide

  12. Xamarin.Forms.Maps
    • Xamarin.Forms޲͚ͷʮඪ४ʯʮެࣜʯ஍ਤ
    ϥΠϒϥϦ
    • https://developer.xamarin.com/guides/
    xamarin-forms/user-interface/map/
    • Android, iOS, UWP ʹରԠ

    View full-size slide

  13. Xamarin.Forms.Maps

    View full-size slide

  14. ͔͜͠͠Ε…

    View full-size slide

  15. ශऑʂශऑΡʂʂ

    View full-size slide

  16. Կ͕ශऑʁ
    • ϥΠϯ͕ඳ͚ͳ͍
    • ϙϦΰϯ͕ඳ͚ͳ͍
    • ϐϯ͕ΧελϚΠζͰ͖ͳ͍
    • ΠϕϯτͳΜʹ΋ͳ͍

    View full-size slide

  17. ެࣜ͸ʮΧελϚΠζ͢Ε͹Ͱ
    ͖Δ͓ʯͱݴ͍ͬͯ·͕͢…

    https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/custom-renderer/map/

    View full-size slide

  18. ΍ͬͯΒΕΔ͔ʂ

    View full-size slide

  19. ͜ΕΒ͸஍ਤϥΠϒϥϦͷ
    ඪ४ػೳͰ͋Δ΂͖
    • ϥΠϯɺϙϦΰϯɺԁͷඳը
    • ϐϯͷΧελϚΠζ(৭ɺܗঢ়มߋ)
    • ஍ਤͷҐஔ΍ζʔϜϨϕϧ͕มߋ͞Εͨ࣌ͷΠ
    ϕϯτ
    • Ҡಈ΍ζʔϜδΣενϟͷ༗ޮ/ແޮԽ

    View full-size slide

  20. ͞Βʹ͜ΕΒ΋Ͱ͖ͳ͍ͱ
    ஍ਤϥΠϒϥϦͱͯ͠͸ஏ͔͍ͣ͠
    • ஍ਤͷճసͱνϧτ(܏͖)
    • ̏Dɺ԰಺Ϛοϓ
    • ΧελϜλΠϧ

    View full-size slide

  21. Google Maps API
    ͸શ෦Ͱ͖ΔΑ
    • Android - Google Maps Android API
    • iOS - Google Maps iOS SDK
    • UWP ʹ͸ Google Maps ͸͋Γ·ͤΜ

    View full-size slide

  22. ͔ͩΒɺ࡞ͬͨ

    View full-size slide

  23. Xamarin.Forms.
    “Google” Maps

    View full-size slide

  24. Xamarin.Forms.GoogleMaps
    is…

    Yet another Maps library for Xamarin.Forms
    that optimized for Google maps.
    GoogleϚοϓʹ࠷దԽ͞Εͨ
    Xamarin.Forms޲͚ͷ
    ʮ΋͏ͻͱͭʯͷ஍ਤϥΠϒϥϦ

    View full-size slide

  25. Xamarin.Forms.GoogleMaps
    is…

    Google Maps SDK ͷػೳΛ
    શͯϥοϓͯ͠ఏڙ͢Δ(༧ఆͷ)
    Xamarin.Forms ޲͚஍ਤϥΠϒϥϦ
    (UWPରԠ ͸͓·͚)

    View full-size slide

  26. Xamarin.Forms.GoogleMaps
    is…
    • https://www.nuget.org/packages/
    Xamarin.Forms.GoogleMaps
    • Current ver 2.1.0-beta5
    • 46 Releases
    • 16,000 Downloads

    View full-size slide

  27. ಺෦ͷߏ੒ਤ

    (PPHMF.BQT
    "OESPJE"1*
    (PPHMF.BQTJ04
    4%,
    #JOH
    .BQT4%,
    9BNBSJO'PSNT(PPHMF.BQT.BQ
    .BQ3FOEFSFS
    "OESPJE
    .BQ3FOEFSFS
    J04
    .BQ3FOE
    FSFS681
    Android iOS UWP
    ΞϓϦέʔγϣϯίʔυ

    View full-size slide

  28. αϯϓϧ XFGoogleMapSample
    • Android ޲͚͸ DeployGate Ͱ഑৴த
    • bit.ly/xfgmapp
    • iOS ൛ɺUWP൛͸ࣗ෼ͰϏϧυͯ͠Ͷ
    • ʻDEMOʼ

    https://github.com/amay077/Xamarin.Forms.GoogleMaps/tree/master/XFGoogleMapSample

    View full-size slide

  29. Xamarin.Forms.
    GoogleMaps
    ͷ
    ػೳ঺հ

    View full-size slide

  30. ≒GoogleMaps SDK
    ͷ
    ػೳ঺հ

    View full-size slide

  31. MapType(Android/iOS/UWP)
    • Street, Satellite, Hybrid, Terrain

    View full-size slide

  32. ݱࡏҐஔදࣔ(Android/iOS/UWP)

    View full-size slide

  33. ौ଺৘ใදࣔ(Android/iOS)

    View full-size slide

  34. ԰಺஍ਤදࣔ(Android/iOS)

    View full-size slide

  35. ஍ਤελΠϧมߋ(Android/iOS)

    View full-size slide

  36. ஍ਤͷΩϟϓνϟ(Android/iOS)

    .PNG

    View full-size slide

  37. ਤܗͷ௥Ճ(Android/iOS)
    • ϙϦϥΠϯɺϙϦΰϯɺԁ
    • ϙϦΰϯͷ݀

    View full-size slide

  38. ਤܗͷ௥Ճ(Android/iOS)

    View full-size slide

  39. ϐϯͷ௥Ճ(Android/iOS/UWP)
    • ΧελϜܗঢ়
    • ਧ͖ग़͠(UWP Ͱ͸ෆՄ)
    • υϥοάˍυϩοϓͰҠಈ

    View full-size slide

  40. ը૾ͷ௥Ճ(Android/iOS)

    View full-size slide

  41. ΧελϜλΠϧ(Android/iOS)

    View full-size slide

  42. ֤छΠϕϯτ(Android/iOS)
    • ࢹ఺͕มΘͬͨ࣌
    • ஍ਤ΍ϐϯ΍ਤܗΛλοϓͨ࣌͠
    • ϐϯΛҠಈͤͨ࣌͞
    • ਧ͖ग़͠Λλοϓʗ௕ԡͨ࣌͠͠
    • …

    View full-size slide

  43. ϚʔΧʔΫϥελϦϯά

    https://github.com/amay077/Xamarin.Forms.GoogleMaps/issues/123

    View full-size slide

  44. ώʔτϚοϓ

    https://developers.google.com/maps/documentation/android-api/utility/heatmap

    View full-size slide

  45. Ͳ͏΍ͬͯ
    ։ൃͯ͠Δͷʁ

    View full-size slide

  46. GitHub Ͱ։ൃͯ͠·͢
    • https://github.com/amay077/
    Xamarin.Forms.GoogleMaps
    • Stars✕130
    • Contributors#✕16
    • IssueཱͯͨΒ୭͔͕࣮૷ͯ͘͠ΕΔΑ͏ʹ
    ͳ͖ͬͯͨ

    View full-size slide

  47. Welcome your contribution!
    • Issues ͷʮwelcomecontributeʯλά
    • ͲͳͨʹͰ΋Ͱ͖Δ؆୯ͳ͓࢓ࣄͰ͢
    • Xamarin.Forms.GoogleMaps ʹϓϧϦΫΛૹ
    Δձ(2/12 ϑΣϯϦϧ໊ݹ԰ࢧࣾ͞·)
    • ·ͨ΍Δʁ

    View full-size slide

  48. Bitrise ʹΑΔࣗಈϏϧυɺσϓ
    ϩΠ
    • Xamarin.Android, iOS ʹରԠ
    • ݄200Ϗϧυ·Ͱແྉ
    • Githubʹpush→Ϗϧυ→DeployGateʹ഑෍
    • ࣗಈςετ͸ͯ͠·ͤΜ

    View full-size slide

  49. Xamarin.FormsͰ
    ஍ਤ࢖͏ͳΒ
    Xamarin.Forms.Maps
    ΑΓ΋
    Xamarin.Forms.GoogleMaps !

    View full-size slide

  50. ͝ਗ਼ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠%

    View full-size slide

  51. Xamarin Ͱ࢖͑Δ
    Google Maps Ҏ֎ͷ
    બ୒ࢶ

    View full-size slide

  52. ArcGIS Runtime SDK for .NET
    • https://developers.arcgis.com/net/
    • https://blog.esrij.com/2016/07/13/3d-
    arcgis-runti-b4a9/
    • ษڧձ − https://geodev.connpass.com/
    • ຊ֨తͳۀ຿޲͚ϞόΠϧ஍ਤγεςϜ޲͚

    View full-size slide

  53. MapBox SDK
    • https://www.nuget.org/packages/
    Xamarin.MapboxSDK.Android/
    • https://www.nuget.org/packages/
    Xamarin.MapboxSDK.iOS/
    • OSS ϑϧεΫϥονϕΫτϧϨϯμϦϯά
    ϚοϓϥΠϒϥϦʂʂʂ

    View full-size slide

  54. CARTO SDK
    • https://carto.com/blog/cartodb-mobile-with-
    xamarin
    • http://chizudb.jp/
    • ஍ਤΛ࢖ͬͨϏδϡΞϥΠθʔγϣϯ͕ಘҙ

    View full-size slide

  55. Others
    • Yahoo! iOSϚοϓSDKɺMapion Android Maps
    APIɺ͍ͭ΋NAVI SDK ͳͲωΠςΟϒ༻SDK΋…
    • Binding ϓϩδΣΫτͰϥοϓ͢Ε͹
    Xamarin.Native Ͱ࢖༻Մೳ
    • ͞ΒʹͦΕΛڞ௨APIͰϥοϓ͢Ε͹

    Xamarin.FormsͰ࢖༻Մೳʢԕο

    View full-size slide

  56. ͓·͚͓ΘΓ

    View full-size slide