GithubHelp home page GithubHelp logo

sample_flutter_map's Introduction

sample_flutter_map

2つのパッケージを比較するためのプロジェクトです。
ここでは「flutter_map」パッケージのサンプルアプリを公開します。

比較基準

  • 現在地を表示できるか
  • 現在地の表示アイコンを変更できるか
  • 現在向いている方角を表示できるか
  • 任意の場所にピンを立てることができるか
  • ピンのアイコンは変更可能か
  • ピンの大きさは変更可能か
  • 地図そのものの見た目を柔軟に変更できるか
    • 夜の雰囲気を出せる色合いに変更可能か
    • 地形などの表示内容をデフォルメ可能か
    • 地形情報などをできるだけ削ぎ落とした白地図のような形にできるか
  • 料金がどのくらいかかるか
  • ピンを立てることや地図利用そのものに料金は発生するか
  • パッケージのAPIは使いやすいか

・現在地を表示できるか

現在地表示は、「flutter_map」パッケージ内では制御できません。
そのため、追加でGeolocation系のパッケージを使用し、現在地を取得しなくてはなりません。
今回は、「geolocator」パッケージを採用しています。
現在地を取得後、サークルマーカーとしてマップ上に表示しています。

・現在地の表示アイコンを変更できるか

今回、現在地表示アイコンは上記にもあるようにサークルマーカーを使用しています。
このマーカーにはいくつか種類があるため、変更が可能です。

・現在向いている方角を表示できるか

向いている方角については、「flutter_map」パッケージ内では制御できません。
追加で「geolocator」パッケージで取得が可能です。

任意の場所にピンを立てることができるか

マップ上でのタップを検知するonTapフィールドが存在しており
任意の場所にピン作成が可能です。

FlutterMap(
          options: MapOptions(
              onTap: () =>
            ),
        )

・ピンのアイコンは変更可能か

現在地表示と同様に、マーカーとしてピンは作成できるため
変更が可能です。

・ピンの大きさは変更可能か

マーカーとして作成したピンはサイズの変更が可能です。

・地図そのものの見た目を柔軟に変更できるか

※現在情報収集中

・料金がどのくらいかかるか

使用するMAP-APIによりますが、基本としてOpenStreetMap(OSM)を使用する場合は料金はかかりません。

・ピンを立てることや地図利用そのものに料金は発生するか

「flutter_map」パッケージでは、料金が発生するものとしてMAP生成に必要なAPIの利用のみなので、ピンを立てたりOSMの地図を利用することは料金は発生しません。

・参考文献

公式flutter_mapドキュメント

sample_flutter_map's People

Contributors

samuraituru avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.