Flutter Earth Widget

Overview

flutter_earth

pub package A Flutter earth widget.

Getting Started

Add flutter_earth as a dependency in your pubspec.yaml file.

dependencies:
  flutter_earth: ^0.0.4
import 'package:flutter_earth/flutter_earth.dart';
... ...
  
@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: FlutterEarth(
          url: 'http://mt0.google.com/vt/lyrs=y&hl=en&x={x}&y={y}&z={z}',
          radius: 180,
        ),
      ),
    );
  }

Screenshot

screenshot

You might also like...

Iridium-reader-widget - Plug and play reader widget allowing to easily integrate an Iridium viewer inside any app

Plug and play reader widget allowing to easily integrate an Iridium viewer insid

Dec 31, 2022

Kullanmaya hazir widget cozumleri -Ready to use widget solutions

Ready to use widgets ( 🇹🇷 ) Projelerimde yararlı widget çözümleri kullanıyorum ve çoğu zaman orada kalıyor. Bunları hem ben hemde sizden gelenler il

Dec 27, 2022

This widget automatically scrolls the custom child widget to an infinite loop.

This widget automatically scrolls the custom child widget to an infinite loop.

Scroll Loop Auto Scroll This widget automatically scrolls the custom child widget to an infinite loop. Example Features Infinite Auto Scroll Custom ch

Dec 12, 2022

Widget that gives you the size of the widget in runtime.

Tailor Flutter widget that calculates the size of a widget in runtime. Usage Just wrap your widget with Tailor and get the size in the builder. The bu

Nov 2, 2022

Flutter mapbox - This Flutter plugin allows to show embedded interactive and customizable vector maps inside a Flutter widget

Flutter mapbox - This Flutter plugin allows to show embedded interactive and customizable vector maps inside a Flutter widget

Flutter Mapbox GL Please note that this project is community driven and is not a

Jan 31, 2022

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter.

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter.

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter. Need help? Please do not submit an issue for a "

Jan 8, 2023

A Flutter widget for rendering static html as Flutter widgets (Will render over 80 different html tags!)

A Flutter widget for rendering static html as Flutter widgets (Will render over 80 different html tags!)

flutter_html A Flutter widget for rendering HTML and CSS as Flutter widgets. Screenshot 1 Screenshot 2 Screenshot 3 Table of Contents: Installing Curr

Jan 5, 2023

A Flutter widget for rendering HTML and CSS as Flutter widgets

A Flutter widget for rendering HTML and CSS as Flutter widgets

flutter_html A Flutter widget for rendering HTML and CSS as Flutter widgets. Screenshot 1 Screenshot 2 Screenshot 3 Table of Contents: Installing Curr

Dec 15, 2021

Flutter tableview - A flutter widget like iOS UITableview. let listView with section header and each section header will hover at the top.

Flutter tableview - A flutter widget like iOS UITableview. let listView with section header and each section header will hover at the top.

中文 flutter_tableview A flutter widget like iOS UITableview. let listView with section header and each section header will hover at the top. Installing

Jul 22, 2022
Comments
  • How can I get the LatLon coordinates by tap on earth?

    How can I get the LatLon coordinates by tap on earth?

    I tried to get coordinates by using the following code:

     void _handleTap(TapUpDetails details) {
        final Vector3 focalCoord = canvasPointToVector3(_lastFocalPoint);
        final Vector3 tapCoord = canvasPointToVector3(details.localPosition);
        Quaternion q = quaternionFromTwoVectors(focalCoord, tapCoord);
        if (_lastQuaternion != null) {
          final _quaternion =
              _lastQuaternion! * q * Quaternion.axisAngle(Vector3(0, 0, 1), 0.0);
          print("ON HANDLE TAP = ${quaternionToLatLon(_quaternion)}");
        }
      }
    

    But it seems that the coordinate calculates from the previous rotation. Do you have any idea or suggestions how can I achieve coordinates on the earth?

    opened by take2make 1
  • Fix Unhandled Exception: setState() called after dispose()

    Fix Unhandled Exception: setState() called after dispose()

    Fix Unhandled Exception: setState() called after dispose(): _FlutterEarthState#2e1cf(lifecycle state: defunct, not mounted, tickers: tracking 0 tickers)

    opened by leyan95 0
  • Flutter web image does not load properly

    Flutter web image does not load properly

    I have run the example app on flutter web, it does not show images properly. The tiles glitch. Please look at my pull request, I migrated the project to null safety. It works ok on the phones. The app glitches on both old and new versions

    [✓] Flutter (Channel stable, 2.10.3, on macOS 12.1 21C52 darwin-arm, locale en-TM) • Flutter version 2.10.3 at /Users/kerimamansaryyev/development/flutter • Upstream repository https://github.com/flutter/flutter.git • Framework revision 7e9793dee1 (6 weeks ago), 2022-03-02 11:23:12 -0600 • Engine revision bd539267b4 • Dart version 2.16.1 • DevTools version 2.9.2

    [✓] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1) • Android SDK at /Users/kerimamansaryyev/Library/Android/sdk • Platform android-32, build-tools 32.1.0-rc1 • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java • Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7772763) • All Android licenses accepted.

    [✓] Xcode - develop for iOS and macOS (Xcode 13.3) • Xcode at /Applications/Xcode.app/Contents/Developer • CocoaPods version 1.11.2

    [✓] Chrome - develop for the web • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

    [✓] Android Studio (version 2021.1) • Android Studio at /Applications/Android Studio.app/Contents • Flutter plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/9212-flutter • Dart plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/6351-dart • Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7772763)

    [✓] VS Code (version 1.65.2) • VS Code at /Users/kerimamansaryyev/Downloads/Visual Studio Code.app/Contents • Flutter extension version 3.38.1

    [✓] Connected device (2 available) • iPhone 13 Pro Max (mobile) • A03138E6-EB1A-4CDC-AFDE-0D0E381DB92F • ios • com.apple.CoreSimulator.SimRuntime.iOS-15-4 (simulator) • Chrome (web) • chrome • web-javascript • Google Chrome 100.0.4896.75

    [✓] HTTP Host Availability • All required HTTP hosts are available

    opened by kerimamansaryyev 2
  • Please The image doesn't load on my device, it throws  the below exception

    Please The image doesn't load on my device, it throws the below exception

    ════════ Exception caught by image resource service ════════════════════════════ The following _Exception was thrown resolving an image codec: Exception: Invalid image data

    When the exception was thrown, this was the stack #0 _futurize (dart:ui/painting.dart:4856:5) #1 ImageDescriptor.encoded (dart:ui/painting.dart:4724:12) #2 instantiateImageCodec (dart:ui/painting.dart:1721:60) #3 PaintingBinding.instantiateImageCodec package:flutter/…/painting/binding.dart:97 ... Image provider: NetworkImage("https://www.google.com/maps/@-19.088885,4.9352279,9036909m/data=!3m1!1e3", scale: 1.0) Image key: NetworkImage("https://www.google.com/maps/@-19.088885,4.9352279,9036909m/data=!3m1!1e3", scale: 1.0)

    opened by wisdomspine 0
Owner
Zebiao Hu
Just a coder! Languages: Flutter, Dart, Go, Delphi.
Zebiao Hu
MindInventory 15 Sep 5, 2022
A simple detailed flutter widget that looks almost the same as the real instagram mention widget.

Instagram Mention Widgets 'small details do matter' ❤️ This package provides simple and almost the same UI details that the real Instagram mention wid

AbdulMuaz Aqeel 20 Oct 10, 2022
A customizable carousel slider widget in Flutter which supports inifinte scrolling, auto scrolling, custom child widget, custom animations and built-in indicators.

flutter_carousel_widget A customizable carousel slider widget in Flutter. Features Infinite Scroll Custom Child Widget Auto Play Horizontal and Vertic

NIKHIL RAJPUT 7 Nov 26, 2022
A flutter widget which renders its child outside the original widget hierarchy.

overlay_container A flutter widget which renders its child outside the original widget hierarchy. Demo. This demo is present as an example here. You c

Mustansir Zia 30 Jun 10, 2022
Behruz Hurramov 0 Dec 29, 2021
FT-Custom-Widget - A Custom Widget Built With Flutter

Custom Widget Watch it on YouTube Product Screen Sample when you implement compl

Firgia 5 Mar 29, 2022
A Flutter widget to show an icon collection to pick. This widget extend TextField and has a similar behavior as TextFormField

icon_picker A Flutter widget to show an icon collection to pick. This widget extend TextField and has a similar behavior as TextFormField Usage In the

m3uzz Soluções em TI 11 Sep 27, 2022
Flip widget - A Simple Flip widget For Flutter

flip_widget Flip your widget. Usage FlipWidget( key: _flipKey, child: Co

null 24 Nov 13, 2022
A new Flutter project. Use of Padding Class(Widget) and Card Class (Widget)

Use_Of_Card_And_Padding_Class A new Flutter project. Use of Padding Class(Widget) and Card Class (Widget) Getting Started This project is a starting p

Avinandan Bose 1 Mar 18, 2022
Custom dropdown widget allows to add highly customizable widget in your projects with proper open and close animations and also comes with form required validation.

Custom Dropdown Custom Dropdown package lets you add customizable animated dropdown widget. Features Lots of properties to use and customize dropdown

Abdullah Chauhan 22 Dec 29, 2022