Flutter: Inline-Google Maps-Unterstützung

Kommentar von eseidelGoogle
_Mittwoch, 05. August 2015 um 19:35 GMT_

Wir benötigen dies möglicherweise für die Fitness-App, je nachdem.

Dies wird vermutlich eine "Drittanbieter" -Komponente sein, oder?

Wir werden mit ziemlicher Sicherheit ein Nicht-Dart-SDK verwenden wollen, um Maps-Unterstützung bereitzustellen, also ja.

Wir gehen davon aus, dass Entwickler Maps verwenden werden, indem sie eine „native“ iOS- oder Android-Kartenansicht verwenden, pro:
https://docs.google.com/document/d/1DOfwpL6VojCAG_zjjcA_z5ekF7rTIohV8dWn2o7_IME/edit

Ich sehe in diesem Dokument keine Beschreibungen, wie Sie native Widgets (wie Karten) in Ihre Flatter-Apps integrieren können. Habe ich etwas verpasst?

Entschuldigung, ich war vielleicht etwas übereifrig mit meiner Verlinkung. Besagtes Dokument ist eine Vorarbeit für Flutter, damit es als normale Ansicht in Obj-C/Java-Anwendungen verwendet werden kann. Der Pfad zum Hinzufügen von anderem Obj-C/Java-Code ist noch nicht dokumentiert, nein.

Als Entwickler möchte ich unbedingt die native Google Maps-Komponente zum Rendern in meiner Flutter-App verwenden. Ich habe gerade eine Flatter-App erstellt und das ist eine Art Blocker. Die einzige Lösung besteht darin, es in Java/Android zu erstellen und es zu öffnen, wenn Sie auf eine Flatterschaltfläche klicken.

Idealerweise hätte ich gerne eine 'NativeView' in Flutter, die ein natives Widget in Flutter rendert.
Dies ist wahrscheinlich ziemlich schwierig, weil Sie Rendering / Events in die Flatter-Rendering-Engine zusammenführen müssen.

Es geht auch gegen das Flattern 'ein Widget für beide Plattformen'. Manchmal möchten Sie jedoch komplexe Widgets (wie eine Karte) wirklich wiederverwenden.

Hallo ! Ich würde gerne die Roadmap dieser Funktion kennen, oder sogar, ob es überhaupt eine gibt. Ich habe zwei mobile Apps in Arbeit und beide verlassen sich stark auf eine Karte. Ich liebe Dart und suche nach einer Ausrede, Flutter auszuprobieren.

Die Lösung mit FlutterView sieht aus der Sicht eines Anfängers, der noch nie eine Zeile Flutter geschrieben hat, zu kompliziert aus. Die anderen Lösungen entsprechen nicht meinen Bedürfnissen, ich brauche eine vollständig interaktive Karte.

Ich weiß nicht, wie schwierig es ist, das in Flutter zu implementieren, noch ob Sie überhaupt vorhaben, es eines Tages zu implementieren. Jede Info wäre willkommen. Ich denke, die Lösung dieses Problems wird mein Signal sein, mit der Entwicklung von Flutter zu beginnen.

Besteht die Möglichkeit, dass Karten 2017 implementiert werden? Ich liebe Dart und würde Flutter sehr gerne verwenden, aber ich brauche wirklich nicht-statische Karten, wie die Anzeige von Points of Interest in der Nähe und die Anzeige der Beschreibung beim Klicken auf den Punkt.

Irgendwelche Updates dazu?

Zunächst einmal liebe ich (Vollzeit-Android-Entwickler) Flattern und die Fortschritte, die in den letzten Monaten gemacht wurden, sind beeindruckend. Abgesehen davon denke ich, dass dieses Problem für viele Leute, die bereit sind, ihr Geschäft in Zukunft zu migrieren, ein ziemlich großes Hindernis darstellt.

Ich mache gerade eine Fallstudie für das Unternehmen, für das ich arbeite, und wenn eine NativeView-Funktion ( auf Vorschlag von tjerkw ) existiert, könnten wir diese nutzen, um die Lücke zwischen den verschiedenen Plattformen richtig zu schließen!

Ich denke, dieses Problem ist ein ziemlich großes Hindernis für viele Leute, die bereit sind, ihr Unternehmen in Zukunft zu migrieren.

Ja. Wir haben dieses Feedback durchweg erhalten. Es ist nur die Frage, welchen Umsetzungsansatz wir verfolgen wollen und wann wir die Arbeiten planen.

Gibt es diesbezüglich Fortschritte? Ich habe zwei Apps entworfen, die Karten benötigen, und möchte sie zu meiner ersten Flutter-App in den Stores machen. Wird das also in den nächsten Monaten herauskommen oder reden wir nächstes Jahr? :)

Wir haben noch nicht speziell mit der Arbeit an Karten begonnen, aber wir haben begonnen, Inline-Videos zu studieren, und wir glauben, dass dies den Weg für diese Arbeit ebnen sollte. Wir können derzeit keine ETA geben.

Ich würde auch gerne Karten in Flutter verwenden können, aber es gibt einen einfachen Fall, der eine Problemumgehung sein könnte. Wenn ich eine native Vollbildkarte anzeigen könnte und darüber eine halbtransparente Flutter-Ebene und eine einfache Möglichkeit, zwischen der nativen Kartenebene und der Flutter-App zu kommunizieren (z. B. um zu erkennen, wann sich die Karte bewegt, ihre Mitte Lat/Lng, Zoomstufe usw.), die für einige Anwendungen funktionieren würden, die Karten erfordern. Mit anderen Worten, keine Inline-Karten, die in eine Flutter-Ansicht eingebettet sind.

Es wäre sogar noch besser, wenn dies verallgemeinert würde, sodass eine Flatterebene auf jeder Android-Ebene zusammengesetzt werden kann – nicht nur Karten, sondern 3D-Ansichten (einschließlich VR) oder Videos usw.

Habe dieses Plugin von @FaisalAbid gefunden : https://github.com/FaisalAbid/flutter-google-maps

@sethladd Es ist ein großartiger erster Schritt. Da sich Flutter jedoch auf die plattformübergreifende Entwicklung konzentriert, sollte es ein Plugin für beide Plattformen geben. Aber ich bin mir sicher, dass Tonnen von neuen Plugins kommen werden, wenn Inline-Ansichten verfügbar sind.

Ich habe eine Lösung erstellt, die in Android und iOS funktioniert, und ich habe ein Video erstellt, das das Ergebnis zeigt.
Es verwendet Google Static Maps und ich habe die Funktionen zum Vergrößern/Verkleinern implementiert und eine Stecknadel am Standort des Benutzers hinzugefügt, aber es ist möglich, andere Funktionen zu implementieren, z. B. das Bewegen nach Norden/Süden/Osten/Westen und das Hinzufügen einer Reihe von Stecknadeln.
Um es effizienter zu machen, habe ich 3 Karten gestapelt - die, die Sie sehen, eine mit Zoomstufe +1 und eine mit Zoomstufe -1. Da Flutter beim Zwischenspeichern von Bildern großartig ist, wird es beim Drücken von + oder - das zwischengespeicherte Bild abrufen, also ziemlich schnell.

            new Stack(
              children: <Widget>[
                new Center(
                  child: new CircularProgressIndicator(),
                ),
                //Zoom in Map Image for caching
                new Image.network(
                  mapUrl.zoomInMapUrl,
                  fit: BoxFit.contain,
                ),
                //Zoom out Map Image for caching
                new Image.network(
                  mapUrl.zoomOutMapUrl,
                  fit: BoxFit.contain,
                ),
                //Map Image
                new Image.network(
                  mapUrl.mapUrl,
                  fit: BoxFit.contain,
                  gaplessPlayback: true,
                ),
                new Positioned(
                  bottom: 16.0,
                  right: 16.0,
                  child: new Column(
                    children: <Widget>[
                      //Zoom in
                      new Container(
                        color: Colors.black54,
                        child: new IconButton(
                          icon: new Icon(Icons.add),
                          color: Colors.white,
                          onPressed: () => zoomInMap(true),
                        ),
                      ),
                      new Divider(),
                      //Zoom out
                      new Container(
                        color: Colors.black54,
                        child: new IconButton(
                          icon: new Icon(Icons.remove),
                          color: Colors.white,
                          onPressed: () => zoomInMap(false),
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ),

Auch wenn ich den Quellcode jetzt nicht zur Verfügung stelle, ist die Implementierung ziemlich einfach.
Vergessen Sie nicht, die Videobeschreibung zu lesen.

https://www.youtube.com/watch?v=PR2MdUiepyw

@gabrielsallesrg Ich wusste nicht einmal, dass Google Maps dafür Funktionen bietet. Das ist jetzt sicher eine gute Lösung. Danke, dass du das geteilt hast!

@bramvbilsen Nur um Verwirrung zu vermeiden, bietet Google Static Maps keine Funktion zum Vergrößern/Verkleinern. Was wirklich passiert, ist, dass beim Klicken auf die Schaltfläche +/- ein neues Bild angefordert wird.

Habe es. Danke :)

Ich denke, wenn Sie diese erweiterten Widgets benötigen, ist Flattern im Moment ein No-Go-Bereich.
Wann immer Sie ein Projekt im Flattern beginnen, müssen Sie verstehen, dass einige Designs, die Ihre Designer entwickeln, nicht einfach umzusetzen sind.

Die beste Problemumgehung ist eine statische Google-Karte mit einem Link zu einer Vollbild-Kartenkomponente. Da dies jetzt viele Apps tun, bietet es Ihnen eine Lösung zum Erstellen einer Flatter-App mit nativer Erfahrung.

Langfristig hoffe ich, dass Flutter ein eigenes natives Gmaps-Widget hat. Aber bevor das passiert, muss Flattern offiziell von Google angekündigt und unterstützt werden. Es ist unklar, was die Zukunft des Flatterns jetzt ist.

@tjerkw Ich stimme zu, dass es sich noch in der Alpha-Phase befindet, daher können wir noch nicht alle Funktionen von ausgereifteren Frameworks erwarten. Aber wurde Flutter noch nicht von Google angekündigt? Sie haben es sogar bei IO gezeigt

@tjerkw Sehr klare Erklärung für Gmaps.

Ich habe bereits mit der VTM-Bibliothek (Vektorkachelkarte) für Android (opensciencemap/openstreetmap) gearbeitet. Gibt es eine Bibliothek, die an Flattern angepasst ist, um eine Open-Source-Karte zu verwalten?

Da sich Flutter jedoch auf die plattformübergreifende Entwicklung konzentriert, sollte es ein Plugin für beide Plattformen geben

Einverstanden, aber unser Ökosystem fährt erst jetzt hoch. Wir hoffen, dass wir durch das Teilen vorhandener Plugins, die wir finden, mehr Mitwirkende gewinnen können, um beim Erstellen von mehr Features und Funktionen zu helfen.

@tjerkw kannst du bitte die Codebasis teilen

Gibt es ein Update zur Google Maps-Integration mit Flutter?

Wie füge ich native Karten auf jeder Plattform hinzu und rendere die Karte?

@TitikshaDaga Inline Google Map wird noch nicht unterstützt.

Sie können native Activity/ViewController mit Google Map durch den Plugin-Mechanismus anzeigen.

https://github.com/FaisalAbid/flutter-google-maps/issues/1
Kann any1 dies lösen??

Sie können native Activity/ViewController mit Google Map durch den Plugin-Mechanismus anzeigen.

@najeira hast du Beispielcode/Pseudocode dafür? Beinhaltet das die Verwendung eines FlutterView?

@timotheecour image_picker und flutter_webview_plugin sind gute Beispiele für die Verwendung von nativem Activity/ViewController.

@mehmetf hat mir heute erklärt, dass Kunde: Mulligan Karten benötigt, aber glaubt, dass sie ihre Anwendungsfälle vorerst mit statischen Kartenbildern lösen können, daher die Kundenkennzeichnung.

Dies könnte eine gute Option für diejenigen sein, die nach einer Kartenlösung im Vollbildmodus suchen:

https://pub.dartlang.org/packages/map_view

Die von uns gewählte Lösung bestand darin, eine statische Google-Karte zu verwenden, die angetippt werden kann, um eine Vollbildansicht zu öffnen

Gibt es Neuigkeiten zu diesem Thema? Dies ist ein Showstopper für geografische Anwendungen.

Daran wird derzeit gearbeitet und es geht voran.

Irgendein Vorgeschmack? 😃

Daran wird derzeit gearbeitet und es geht voran.

@wmleler Ich würde gerne eine funktionierende Karte sehen ...

@theobouwman Im Moment ist dies die beste Lösung – https://pub.dartlang.org/packages/map_view

Wenn Sie möchten, dass sich eine Karte so verhält, als wäre sie Teil eines Flutter-Widgets, können Sie eine Karte als Bild einfügen (unter Verwendung der statischen Karten-API – https://developers.google.com/maps/documentation/static-maps / ). Wenn der Benutzer auf dieses statische Kartenbild klickt, öffnet sich eine ganzseitige Karte zusammen mit einem Widget, um diese zu schließen. Nachdem der Benutzer die ganzseitige Karte geschlossen hat, ersetzen Sie das Kartenbild durch eine aktualisierte statische Karte (die Änderungen beim Zoomen und Scrollen der Karte, alle hinzugefügten Märkte usw. zeigt).

@wmleler Ich denke, @theobouwman bedeutete eher, dass er sich auf die Integration des „nativen Widgets“ freute. Ich warte auch gespannt^^

@ mclark4386 das ist richtig.

Ich würde gerne Ihre Anwendungsfälle für die sogenannte „native Widget“-Integration hören. Ich habe einige Apps mit Karten erstellt, und für mich reicht es aus, Flatter-Widgets über eine ganzseitige Karte zu legen und eine statische Karte in ein Flutter-Widget einzubetten, das sich vollständig öffnet Seite Karte. Ich sage nicht, dass wir keine native Widget-Integration anbieten sollten, ich bin nur neugierig, warum die Leute es wollen und ich möchte es verstehen.

@wmleler Es gibt viele Anwendungsfälle! Zum Beispiel eine interaktive Karte mit Restaurants in der Nähe. Sie möchten eine Inline-Karte mit einem benutzerdefinierten Layout darüber verwenden, damit Ihre App einzigartig aussieht.

Es ist ziemlich einfaches Zeug für geografische Anwendungen. Wie zum Beispiel eine App, die eine Liste von Pins und GeoJSON-Meshes ist.

Am 3. Januar 2018 um 13:09 Uhr schrieb Wm Leler [email protected] :

Ich würde gerne Ihre Anwendungsfälle für die sogenannte „native Widget“-Integration hören. Ich habe einige Apps mit Karten erstellt, und für mich reicht es aus, Flatter-Widgets über eine ganzseitige Karte zu legen und eine statische Karte in ein Flutter-Widget einzubetten, das sich vollständig öffnet Seite Karte. Ich sage nicht, dass wir keine native Widget-Integration anbieten sollten, ich bin nur neugierig, warum die Leute es wollen und ich möchte es verstehen.

—
Sie erhalten dies, weil Sie kommentiert haben.
Antworten Sie direkt auf diese E-Mail, sehen Sie sie auf GitHub https://github.com/flutter/flutter/issues/73#issuecomment-355067415 an oder schalten Sie den Thread stumm https://github.com/notifications/unsubscribe-auth/AHlzZYr1dpBlnxv7di30GLmFFdHBG2FPks5tG7REgaJpZM4Ge5yO .

@wmleler Unsere Apps sehen normalerweise so aus. Wir haben Registerkarten , auf der ersten Registerkarte ist eine Google-Karte. Auf der zweiten ist eine Listenansicht. Ich kann auf einen beliebigen Pin auf der Karte klicken und sehe dann so etwas wie "teilweise" Details / Informationen zu diesem Element, von denen aus ich die Navigation von der aktuellen Position zu diesem Element (ausgewählter Pin) starten kann. Dieses Teildetail überlagert die Karte.

@wmleler Bitte lassen Sie mich wissen, wenn wir Neuigkeiten dazu haben. Wir würden gerne anfangen, Flutter zu verwenden, aber das ist im Moment eine Art Hindernis für uns.

Wir möchten einen ortsbezogenen Dienst wie Uber aufbauen!

Gleiche Situation. Würde mich auf jeden Fall über Updates dazu freuen.

Am 9. Januar 2018 um 4:51 Uhr schrieb Sanket Sahu [email protected] :

@wmleler https://github.com/wmleler Bitte lassen Sie mich wissen, wenn wir Neuigkeiten dazu haben. Wir würden gerne anfangen, Flutter zu verwenden, aber das ist im Moment eine Art Hindernis für uns.

Wir möchten einen ortsbezogenen Dienst wie Uber aufbauen!

—
Sie erhalten dies, weil Sie kommentiert haben.
Antworten Sie direkt auf diese E-Mail, sehen Sie sie auf GitHub https://github.com/flutter/flutter/issues/73#issuecomment-356219135 an oder schalten Sie den Thread stumm https://github.com/notifications/unsubscribe-auth/AHlzZWHIkt1K3FOQuLX7h8UyqIZoVnTFks5tIyingaJpZM4Ge5yO .

Nur damit Sie nicht hängen bleiben, sind wir uns bewusst, dass dies sehr wichtig ist und wir arbeiten daran.

Ich habe auch ein ortsbezogenes Projekt. Kann warten :(

@wmleler , wir möchten eine Anwendung mit einer geteilten Android/iOS-Codebasis auf Flutter portieren. Aber die Hauptfunktion verwendet Google Maps, um Pins anzuzeigen. Wir warten also wirklich auf dieses Feature.

Ich habe über die Umsetzung nachgedacht und mich gefragt, ob dies ähnlich wie bei der Videounterstützung erfolgen könnte. Etwas in der Art eines FlutterNativeHostView, das die Plattformansicht hostet und den untergeordneten Renderprozess auf eine vom Flutter-Framework bereitgestellte Textur ausführt. Dieser könnte dann wie der Videoplayer in der Flutter-Ansichtshierarchie angezeigt werden. [Touch] Die Eingabe müsste über einen Methodenaufruf an das Plugin übergeben werden, aber es wäre machbar.

Ehrlich gesagt, der bessere Weg ... und der einzige andere Weg, den ich sehen kann, wäre, die Google Maps-Bibliothek in Dart neu zu schreiben / erneut bereitzustellen. Ich würde vermuten, dass dies mehr Zeit in Anspruch nehmen würde.

@wmleler Ich würde gerne Ihre Meinung zu so etwas wie der Host-Ansicht hören. Vielleicht ist dies eine gute Richtung für Flutter, damit mehr Bibliotheken portiert werden können, indem ihre aktuellen Komponenten in ein Plugin verpackt werden.

Sie können die native Google Maps-Ansicht über FlutterView anzeigen.

Das AdMob-Plug-in macht etwas Ähnliches:
https://github.com/flutter/plugins/blob/master/packages/firebase_admob/android/src/main/java/io/flutter/plugins/firebaseadmob/MobileAd.java#L242

@slightfoot Die Idee eines FlutterNativeHostView klingt interessant, obwohl ich nicht sicher bin, wie das technisch auf Android funktionieren würde. Haben Sie einen konkreten Ansatz im Sinn, wie Sie den untergeordneten Rendering-Prozess ausschalten können?

Auf iOS arbeiten wir derzeit an einer Lösung, die CALayers in die Art und Weise integriert, wie die Flutter Engine Compositing durchführt. Das sollte es uns ermöglichen, jede UIView zu konsumieren.

Ich bin ziemlich neu im Flutter-Ökosystem, aber wenn ich verstehe, wie es richtig funktioniert; Skia verwendet OpenGL zum Rendern. Sie können sich Google GVRKit ansehen, wie sie es tun. GVRUIRenderer kann ein normales UI-Element nehmen und es in die OpenGL-Szene einfügen.

@NathanaelA Danke für den Tipp! Beziehen Sie sich auf https://github.com/googlevr/gvr-ios-sdk/blob/master/Samples/GVRKit/GVRUIViewRenderer.h?

/cc @sigurdm

Ja, eigentlich ist es die .mm-Datei: https://github.com/googlevr/gvr-ios-sdk/blob/master/Samples/GVRKit/GVRUIViewRenderer.mm -- Ich verwende sie derzeit, um eine ganze UIView anzuzeigen basierte Szene in meinem GVRKit-Projekt.

Irgendwelche Updates zu dieser Funktion? Haben Sie einen Kunden vor der Haustür, der eine geolokalisierte App wie uber haben möchte. und dieses Feature wäre wirklich notwendig.

Danke!!!

Für GoogleMaps:

Wir arbeiten aktiv daran. Bis zur Landung unserer Lösung sind es noch ein paar Wochen. In der Zwischenzeit möchten Sie vielleicht das Plugin von AppTree verwenden . Während dieses Plugin nur interaktive Karten im Vollbildmodus und statische Inline-Karten bietet, reicht es möglicherweise aus, um einen Prototyp zum Laufen zu bringen.

Es sei darauf hingewiesen, dass GoogleMaps auf Android derzeit nicht für die Integration in benutzerdefiniertes OpenGL-Compositing offen ist, wie dies bei der Flutter-Engine der Fall ist. Während wir also interaktive Inline-Karten auch auf Android liefern können, sind sie vorerst darauf beschränkt, dass sie entweder ganz oben auf der Z-Achse oder nicht interaktiv sind.

Mit anderen Worten, es wird einige Zeit dauern, bis Flutter in der Lage ist, eine Schaltfläche über einer interaktiven Karte auf Android zu zeichnen. Sie können solche Schaltflächen natürlich immer noch mit benutzerdefiniertem Java/Kotlin-Code zeichnen. Wir arbeiten mit dem Maps-Team zusammen, um auch dieses Problem zu lösen, aber es wird einige Zeit dauern, da eine API-Ergänzung notwendig erscheint.

Übrigens, AppTree, zusätzlich zu ihrem Plugin, das Mikkel erwähnt hat, ist es
arbeite derzeit an einem neuen Paket (kein Plugin!), das Maps implementiert
Flutter direkt (die Grundkarten selbst und Dinge wie Markierungen sind
als tatsächliche Flutter-Widgets implementiert). Ein paar Vorbehalte: Erstens tut es das nicht
die Google Maps-API verwenden; Zweitens ist es derzeit experimentell (und nicht
Funktion abgeschlossen), funktioniert aber. Dies ist eine radikal neue Art der Implementierung
Karten, die ich spannend finde (wie alle Flutter-Widgets ist es hoch
anpassbar), aber natürlich gibt es Risiken und es ist derzeit eher so
unreif. Wenn Sie interessiert sind, hier ist ein Link zu ihrem Repository:

https://github.com/apptreesoftware/flutter_map

Am Donnerstag, 22. Februar 2018 um 12:53 Uhr, Mikkel Nygaard Ravn <
[email protected]> schrieb:

Wir arbeiten aktiv daran. Die Landung unserer Lösung dauert noch einige Wochen
ein Weg. In der Zwischenzeit möchten Sie vielleicht das Plugin von AppTree verwenden
https://pub.dartlang.org/packages/map_view . Während dieses Plugin bietet
Es könnten nur interaktive Vollbildkarten und statische Inline-Karten sein
genug, um einen Prototyp zum Laufen zu bringen.

Es sei darauf hingewiesen, dass GoogleMaps auf Android derzeit nicht offen ist
Integration in benutzerdefiniertes OpenGL-Compositing wie die Flutter-Engine.
Während wir also in der Lage sein werden, auch interaktive Inline-Karten bereitzustellen
Android, sie werden vorerst eingeschränkt, sodass sie entweder die obersten sind
auf der z-Achse oder nicht interaktiv.

Mit anderen Worten, es wird einige Zeit dauern, bis Flutter a zeichnen kann
Schaltfläche oben auf einer interaktiven Karte auf Android. Sie können immer noch solche zeichnen
Schaltflächen natürlich mit benutzerdefiniertem Java/Kotlin-Code. Wir arbeiten mit der
maps-Team, um dieses Problem ebenfalls zu lösen, aber es wird einige Zeit dauern, da eine API
Ergänzung erscheint notwendig.

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-367818217 oder stumm
der Faden
https://github.com/notifications/unsubscribe-auth/AADEtdPegV4oAh2It7YDGpyBygM9tw7lks5tXdPBgaJpZM4Ge5yO
.

Wie viele hier bin ich ziemlich neu bei Flutter und der Mangel an Google Maps-Unterstützung ist ein No-Go für meine App, um zu Flutter migriert zu werden.

Davon abgesehen, verstehen Sie mich bitte nicht falsch, ich verstehe den Kampf um das, was ich vorschlagen werde, aber ich glaube, Flutter sollte ein von Grund auf neu erstelltes Google Maps-Widget in Dart mit allen Google Maps-APIs implementieren Unterstützen Sie seine Leistung, genau wie das Android-Gerät.

Karten sollen schnell und interaktiv sein, wir erwarten, dass sie in der Lage sein werden, Pfade auf den Karten zu zeichnen, benutzerdefinierte Pins hinzuzufügen usw. Außerdem möchten wir programmgesteuert eine automatische Vervollständigung der Ortssuche, Rückwärts-Geocodierung, Geocodierung, Längen- und Breitengrad-Entfernungsberechnungen unterstützen .

Der Versuch, die native Karte auf dem Gerät zu verwenden, ist wahrscheinlich zu eingeschränkt für ein vollständiges mobiles Erlebnis. Daher empfehle ich (so schwierig es auch ist), sich auf ein vollständiges Google Maps-Widget + Google Maps-API für Flutter/Dart zu konzentrieren und es zu tun ordnungsgemäß, auch wenn die Lieferung länger dauert.

Ich denke, dass Sie für ein modern aussehendes Karten-SDK (wie Google Maps oder Mapbox) OpenGL benötigen, und da dies noch nicht unterstützt wird, wird es schwierig sein, es von Grund auf in Dart zu erstellen (ich habe es mit Canvas versucht Zeichnen, aber es war zu langsam). Ich denke, es gibt zwei Alternativen: (1) eine weniger modern aussehende Karte mit einfachen Bildkacheln (siehe zB https://github.com/apptreesoftware/flutter_map ) und (2) native Plugins, die auf eine verwendbare Oberflächentextur zeichnen im Flattern durch eine Texture-Komponente (wahrscheinlich können die Open-Source-Mapbox-SDKs als Grundlage dafür verwendet werden).

Soweit ich weiß, arbeiten die Flutter-Autoren an einem Karten-SDK. Welchen Ansatz verfolgen sie? Was ist der Zeitplan? Wird es sich lohnen, darauf zu warten, oder sollte die Community damit beginnen, daran zu arbeiten?

Van: feinstein [email protected]
Beantwoorden - Aan: Flutter/[email protected]
Datum: Wochentag, 28. Februar 2018 um 21:31 Uhr
Aan: flattern/flattern [email protected]
CC: rbellens [email protected] , Handbuch [email protected]
Onderwerp: Betreff: [flattern/flattern] Inline-Maps-Unterstützung (#73)

Wie viele hier bin ich ziemlich neu bei Flutter und der Mangel an Google Maps-Unterstützung ist ein No-Go für meine App, um zu Flutter migriert zu werden.

Davon abgesehen, verstehen Sie mich bitte nicht falsch, ich verstehe den Kampf um das, was ich vorschlagen werde, aber ich glaube, Flutter sollte ein von Grund auf neu erstelltes Google Maps-Widget in Dart mit allen Google Maps-APIs implementieren Unterstützen Sie seine Leistung, genau wie das Android-Gerät.

Karten sollen schnell und interaktiv sein, wir erwarten, dass sie in der Lage sein werden, Pfade auf den Karten zu zeichnen, benutzerdefinierte Pins hinzuzufügen usw. Außerdem möchten wir programmgesteuert eine automatische Vervollständigung der Ortssuche, Rückwärts-Geocodierung, Geocodierung, Längen- und Breitengrad-Entfernungsberechnungen unterstützen .

Der Versuch, die native Karte auf dem Gerät zu verwenden, ist wahrscheinlich zu eingeschränkt für ein vollständiges mobiles Erlebnis. Daher empfehle ich (so schwierig es auch ist), sich auf ein vollständiges Google Maps-Widget + Google Maps-API für Flutter/Dart zu konzentrieren.

—
Sie erhalten dies, weil Sie diesen Thread abonniert haben.
Antworten Sie direkt auf diese E-Mail, zeigen Sie sie auf GitHub an oder schalten Sie den Thread stumm.

@mravn-google Das sind großartige Neuigkeiten

@NathanaelA
Das ist wirklich interessant.
Ich habe mich das gleiche für VR und AR gefragt. Das Erhalten einer Flatteransicht zum Zusammensetzen mit der Ausgabe anderer Renderer ist das Wesentliche von dem, was ich sehen kann?
Ich habe genau das gleiche Problem mit Flattern für den Desktop betrachtet! Ich habe Flatterfenster, aber auch eine Ansicht von einem 3D-OpenGL-Rendering-System.

native Plugins, die auf eine SurfaceTexture zeichnen, die beim Flattern durch eine Texture-Komponente verwendet werden kann (wahrscheinlich können die Open-Source-Mapbox-SDKs als Grundlage dafür verwendet werden).

@rbellens gibt es Änderungen, die Sie für https://github.com/apptreesoftware/flutter_map empfehlen können? Es klingt, als gäbe es eine Möglichkeit, die Leistung zu verbessern

@mravn-google haben Sie eine Schätzung, wann diese neue Flatterkartenfunktion eingeführt wird? Wenn Sie sagen, dass es nicht möglich sein wird, auf der Karte zu zeichnen, beinhaltet das auch einfache Funktionen wie das Ablegen von Stecknadeln / die Anzeige von Adressen?

@ezrasandzerbell Wir haben uns bei dieser Arbeit verzögert, die im Zusammenhang mit dem google_mobile_maps -Plug-in- Repo stattfinden wird. Ich gehe davon aus, dass die Aktivitäten in Kürze wieder anziehen werden.

Unsere anfängliche (begrenzte) Lösung besteht darin, native Kartenansichten als Overlays zu verwenden, die später durch Textur-Streaming aus den nativen Kartenansichten ersetzt werden, sobald die GoogleMap-APIs dies unterstützen. Bis dahin besteht der Hauptzweck des Plugins darin, die Entwicklung der Dart-API zur Steuerung von Karten zu unterstützen. Dies beinhaltet die Möglichkeit, Markierungen usw. zu platzieren.

@mravn-google Vielen Dank für die neuen Funktionsdetails. Mir ist aufgefallen, dass das google_mobile_maps-Plug-in keinen Tab für öffentliche Probleme hat, also folge ich hier weiter. Wir würden uns sehr über eine Dokumentation mit Codebeispielen freuen, wenn diese neuen Funktionen eingeführt werden.

Ich persönlich interessiere mich für:

1) So beschränken Sie eine Google-Karte auf bestimmte Breiten und Höhen. Die Lösungen, die ich bisher gesehen habe (AppTree, MapView), schienen beide nur Vollbildansichten zu sein. Die Dokumentation ist spärlich für die korrekte Implementierung und allgemeine Anwendungsfälle.

2) Wie man ein Suchtool wie Google Places Autocomplete (https://pub.dartlang.org/packages/flutter_google_places_autocomplete) anschließt, damit Benutzer einen Ort eingeben, ihre Daten automatisch vervollständigen, senden und sehen können, dass diese Position auf einem gerendert wird Karte.

@ezrasandzerbell Die Plugin-Arbeit wird sowohl mit Dokumentation als auch mit Beispielen

Ich habe versucht, den Vollbild-Ortsauswahldialog von Android aufzurufen, aber er wird nur für eine Sekunde angezeigt, dann erhält er ein onResume vom Haupt-Flatter-Thread und zeichnet darüber. Nach dem, was ich an anderer Stelle gelesen habe, sollte das eigentlich funktionieren. Was mache ich falsch? :)

Danke!

 ```
    call.method == "showPlacesPicker" -> {
            val code = GoogleApiAvailability.getInstance().isGooglePlayServicesAvailable(activity)
            if (GoogleApiAvailability.getInstance().showErrorDialogFragment(activity, code, REQUEST_GOOGLE_PLAY_SERVICES)) {
                return
            }

            //val intent = Intent(activity, PlacesActivity::class.java)
            //activity.startActivity(intent)

            var intentBuilder = PlacePicker.IntentBuilder()
            activity.startActivityForResult(intentBuilder.build(activity), PLACE_PICKER_REQUEST)

            placeResult = result
            return
        }

```

@pinkfish Ich denke, Sie könnten vielleicht von Flattern

@mravn-google Ich habe ein Problem beim Ausprobieren google_mobile_maps . Ich kann das Beispiel google_mobile_maps auf Android ausführen (indem ich GOOGLE_MAPS_API_KEY in gradle.properties durch meinen eigenen Schlüssel ersetze).

Aber für iOS erhalte ich beim Ausführen von Beispiel Fehler:

Syncing files to device iPhone SE...
[VERBOSE-2:dart_error.cc(16)] Unhandled exception:
    MissingPluginException(No implementation found for method init on channel plugins.flutter.io/google_mobile_maps)
    #0      MethodChannel.invokeMethod (package:flutter/src/services/platform_channel.dart:153:7)
    <asynchronous suspension>
    #1      _channel (package:google_mobile_maps/google_mobile_maps.dart:16:9)
    #2      _channel (package:google_mobile_maps/google_mobile_maps.dart:14:21)
    #3      _GoogleMapsPlatformOverlay.create (package:google_mobile_maps/google_mobile_maps.dart:94:25)
    #4      PlatformOverlayController.attachTo.<anonymous closure> (package:google_mobile_maps/platform_overlay.dart:72:21)
    #5      _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:990:15)
    #6      _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:938:9)
    #7      _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding.scheduleWarmUpFrame.<anonymous closure> (package:flutter/src/scheduler/binding.dart:751:7)
    #8      Timer._createTimer.<anonymous closure> (dart:async/runtime/libtimer_patch.dart:21:15)
    #9      _Timer._runTimers (dart:isolate/runtime/libtimer_impl.dart:382:19)
    #10     _Timer._handleMessage (dart:isolate/runtime/libtimer_impl.dart:416:5)
...

Außerdem habe ich fast keine Ahnung von der iOS-Entwicklung, keine Ahnung, wo ich den GOOGLE_MAPS_API_KEY zuweisen soll.

====
AKTUALISIERT 2018.04.14: Entschuldigung, ich werde zu aufregend, ich habe den vorherigen Artikel nicht gut gelesen, um zu wissen, dass die iOS-Unterstützung noch nicht bereit ist.

@EasonPai iOS wird noch nicht vom Plugin unterstützt. Wir werden das in den kommenden Wochen hinzufügen.

Haben Sie ein Veröffentlichungsdatum für diese Funktion?

Andernfalls muss ich möglicherweise für ein Kundenprojekt zu React Native zurückkehren :(

@ocolot Dasselbe hier. Ich muss in Kürze ein kartenbasiertes Projekt starten und wollte unbedingt Flutter verwenden, aber aufgrund dieser Kartensituation gehe ich zurück zu RN.

@brooth , ich habe Mühe, Karten in RN zum Laufen zu bringen. Wenn Sie ein perfektes Beispiel haben, posten Sie es bitte. Jetzt stehe ich kurz vor RN oder Flutter. Der einzige Grund sind die fehlerfreien, einfach zu bedienenden Karten. Wenn ich Karten bekomme, die in RN funktionieren, dann würde ich RN verwenden.

Ich werde das hier einfach lassen. Wenn Ihre Anforderungen an die Kartennutzung darauf beschränkt sind, den Benutzer nach einer Adresse zu fragen, habe ich ein Plugin implementiert, das alles erledigt, von der Handhabung der Standortberechtigung bis zur umgekehrten Geokodierung. https://pub.dartlang.org/packages/location_picker

Hallo alegsm, ich interessiere mich sehr für Ihr Plugin, aber ich verstehe das Beispiel nicht ... Ich bin Neuling, ich möchte nur Längen- und Breitengrad festlegen und die Geolokalisierung visualisieren. Hat jemand Erfolg?
hat jemand ein einfaches beispiel? danke an alle

@ nitneuq33 ja, du kannst es mit location_picker machen. Es soll als Eingabeaufforderung für Dinge wie die Aufforderung an den Benutzer dienen, eine Lieferadresse einzugeben. Sie können sich das Beispielprojekt im Repo ansehen. Ich hinterlasse dir einen Link
https://github.com/touwolf/location_picker/tree/master/example

Entschuldigung alegsm, ich habe versucht, das Beispiel zu verwenden und zu versuchen, (double initialLat; und double initialLong; ) zu setzen, aber nichts. Ich glaube, ich bin zu noob ^^ Ich verstehe nicht, wie ich meine Lat-Variable und Längengrad-Variable in Ihr Beispiel setzen soll, um eine Karte zu visualisieren. jedes einfache Beispiel oder einfache Erklärung
wird willkommen sein :)

Gibt es hierzu Neuigkeiten?

Was ist falsch an flutter_map ?

flutter_map ist ein guter Ersatz, aber auch deutlich schlechter als native Kartenansichten. Es verwendet Kacheln anstelle von Vektorkarten und unterstützt keine Google Maps, geschweige denn Apple Maps. Ich persönlich warte darauf, native View-Inhalte in die Flutter-Hierarchie zu streamen, da sie es ermöglichen wird, viel mehr Lücken als diese zu schließen (z. B. WebViews, andere SDKs), wie hier referenziert: https://github.com/flutter/flutter/issues/ 730#issuecomment -370274688

Move on Marker Press funktioniert nicht iOS
Inkonsistentes Polygon-Rendering
Marker-Offset funktioniert nicht in Android
(ein Benutzer) funktioniert auf Android, nicht auf IOS
Z-Index funktioniert nicht unter iOS
Die Markierungsrotation funktioniert nicht unter iOS
URL-Vorlage ändert iOS nicht
Animiertes Callout-Problem in iOS
Marker onSelect funktioniert nicht auf Android
Android onclick nicht genau
Bild im benutzerdefinierten Callout funktioniert nicht unter Android

Ich habe React Native fallen gelassen und bin zu Flutter zurückgekehrt, weil die Kartenerfahrung für mich so schrecklich war, und es war mir völlig egal, dass Dinge auf einer Plattform funktionieren und auf einer anderen nicht. Ich denke, die Erfahrung aller wäre viel besser, wenn wir flutter_map einfach Unterstützung für Vektorkarten hinzufügen würden (ich weiß nicht, ob die Integration von gmap/Apple-Karten machbar ist?), aus den gleichen Gründen, über die xster in Why Flutter geschrieben hat

Beachten Sie, dass flutter_map auf Leaflet basiert (umgeschrieben in Dart/Flutter),
und es gibt ein Plugin für Leaflet, das Vektorkarten unterstützt. Jemand würde
müssen es in Dart/Flutter umschreiben, aber dann könnten Sie Mapbox's verwenden
Vektorkarten.

Am Dienstag, 24. April 2018 um 10:52 Uhr, Hayden Flinner [email protected]
schrieb:

Move on Marker Press funktioniert nicht iOS
https://github.com/react-community/react-native-maps/issues/1374
Inkonsistentes Polygon-Rendering
https://github.com/react-community/react-native-maps/issues/2025
Marker-Offset funktioniert nicht in Android
https://github.com/react-community/react-native-maps/issues/2173
(ein Benutzer) funktioniert auf Android, nicht auf IOS
https://github.com/react-community/react-native-maps/issues/2199
Z-Index funktioniert nicht unter iOS
https://github.com/react-community/react-native-maps/issues/1671
Die Markierungsrotation funktioniert nicht unter iOS
https://github.com/react-community/react-native-maps/issues/2186
URL-Vorlage ändert iOS nicht
https://github.com/react-community/react-native-maps/issues/2200
Animiertes Callout-Problem in iOS
https://github.com/react-community/react-native-maps/issues/1062
Marker onSelect funktioniert nicht auf Android
https://github.com/react-community/react-native-maps/issues/114
Android onclick nicht genau
https://github.com/react-community/react-native-maps/issues/1562
Bild im benutzerdefinierten Callout funktioniert nicht unter Android
https://github.com/react-community/react-native-maps/issues/1870

Ich habe React Native verworfen, weil seine Kartenunterstützung so schrecklich ist, und ich
kümmerte sich überhaupt nicht darum, dass Dinge auf einer Plattform funktionierten und auf einer anderen nicht.
Ich denke, die Erfahrung aller wäre viel besser, wenn wir einfach Vektoren hinzufügen würden
maps Unterstützung für flutter_map (ich weiß nicht, ob gmap/apple map integration
ist machbar?), aus denselben Gründen, über die xster in Why Flutter geschrieben hat
verwendet keine OEM-Widgets
https://medium.com/flutter-io/why-flutter-doesnt-use-oem-widgets-94746e812510

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-384022436 oder stumm
der Faden
https://github.com/notifications/unsubscribe-auth/AADEteKhVTC5rtZ5Er4uVSwYDYeGfDDkks5tr2ZlgaJpZM4Ge5yO
.

Wir betrachten dies als eine hohe Priorität und arbeiten daran. Es wird eine Weile dauern, da es ein ziemlich kompliziertes Problem ist, es richtig zu lösen. Wir entschuldigen uns für die Verzögerung und bitten um Geduld.

danke, es ist jetzt in Ordnung für Abhängigkeiten, aber es funktioniert nicht

Hier ist mein Code

1- Ich drücke den Knopf

neuer IconButton(
Symbol: neues Symbol (Icons.gps_fixed),
onPressed: ()
asynchron {

    SmsMessage message = new SmsMessage(address, '$loc1');
    message.addStateListener((state) {
      if (state == SmsMessageState.Sent) {
        print("SMS is sent!");
      } else if (state == SmsMessageState.Delivered) {

        print("SMS is receive!")

_onSmsReceived;

}
});
sender.sendSms (Nachricht);
}

2- "gesendet" wird gedruckt

3- empfangen wird gedruckt

4 Starten Sie auf „_onSmsReceived“ mit dem Abhören von „msg“

void _onSmsReceived(SmsMessage sms) asynchron {

_smsSubscription = _receiver.onSmsReceived.listen((SmsMessage msg)
=> _lastMessage = msg);

muss aber immer 2 mal klicken um die guten sms anzuhören

2018-04-25 2:13 GMT+02:00 Ian Hickson [email protected] :

Wir betrachten dies als eine hohe Priorität und arbeiten daran. Es geht
eine Weile dauern, da es ein ziemlich kompliziertes Problem ist, es richtig zu lösen. Wir
entschuldigen Sie die Verzögerung und bitten Sie um Geduld.

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-384119563 , oder stumm
der Faden
https://github.com/notifications/unsubscribe-auth/AaWFy_Rfxcql60HUsZYb6f8-kyuxOJMwks5tr7-hgaJpZM4Ge5yO
.

Ich arbeite an einem Open-Source-Karten-Widget für Flutter, das in reinem Dart in diesem Github-Repository und Pub geschrieben ist.

Alle Beiträge zum Projekt sind willkommen.

Mapbox (das Unternehmen, das Leaflet und ein breites Sortiment an Vektoren anbietet
und Rasterkartenkacheln) scheint Vektorkarten in Flutter zu haben. Richtig
jetzt funktioniert es nur auf Android, aber da sie die Texturkarte verwenden
Technik (die gleiche wie bei Inline-Video) sollte es nicht schwierig sein
damit es auch unter iOS funktioniert.

https://github.com/mapbox/flutter-mapbox-gl

Ich glaube, sie nehmen Pull-Requests entgegen.

Gut, dass all diese Kartenlösungen aus der Community kommen.

Am Dienstag, den 24. April 2018 um 11:06 Uhr schrieb Wm Leler [email protected] :

Beachten Sie, dass flutter_map auf Leaflet basiert (umgeschrieben in Dart/Flutter),
und es gibt ein Plugin für Leaflet, das Vektorkarten unterstützt. Jemand würde
müssen es in Dart/Flutter umschreiben, aber dann könnten Sie Mapbox's verwenden
Vektorkarten.

Am Dienstag, 24. April 2018 um 10:52 Uhr, Hayden Flinner < [email protected]

schrieb:

Move on Marker Press funktioniert nicht iOS
https://github.com/react-community/react-native-maps/issues/1374
Inkonsistentes Polygon-Rendering
https://github.com/react-community/react-native-maps/issues/2025
Marker-Offset funktioniert nicht in Android
https://github.com/react-community/react-native-maps/issues/2173
(ein Benutzer) funktioniert auf Android, nicht auf IOS
https://github.com/react-community/react-native-maps/issues/2199
Z-Index funktioniert nicht unter iOS
https://github.com/react-community/react-native-maps/issues/1671
Die Markierungsrotation funktioniert nicht unter iOS
https://github.com/react-community/react-native-maps/issues/2186
URL-Vorlage ändert iOS nicht
https://github.com/react-community/react-native-maps/issues/2200
Animiertes Callout-Problem in iOS
https://github.com/react-community/react-native-maps/issues/1062
Marker onSelect funktioniert nicht auf Android
https://github.com/react-community/react-native-maps/issues/114
Android onclick nicht genau
https://github.com/react-community/react-native-maps/issues/1562
Bild im benutzerdefinierten Callout funktioniert nicht unter Android
https://github.com/react-community/react-native-maps/issues/1870

Ich habe React Native verworfen, weil seine Kartenunterstützung so schrecklich ist, und ich
kümmerte sich überhaupt nicht darum, dass Dinge auf einer Plattform funktionierten und auf einer anderen nicht.
Ich denke, die Erfahrung aller wäre viel besser, wenn wir einfach Vektoren hinzufügen würden
maps Unterstützung für flutter_map (ich weiß nicht, ob gmap/apple map integration
ist machbar?), aus denselben Gründen, über die xster in Why Flutter geschrieben hat
verwendet keine OEM-Widgets
https://medium.com/flutter-io/why-flutter-doesnt-use-oem-widgets-94746e812510

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-384022436 ,
oder den Thread stumm schalten
https://github.com/notifications/unsubscribe-auth/AADEteKhVTC5rtZ5Er4uVSwYDYeGfDDkks5tr2ZlgaJpZM4Ge5yO
.

@mravn-google das google_mobile_maps Repo scheint verschwunden zu sein; Haben Sie irgendwelche Informationen?

@jposuna Es wurde umbenannt. Siehe Flutter/Plugins#518

Der aktuelle Fehler wurde umbenannt, um deutlicher zu machen, dass dieser die Inline-Unterstützung von „Google Maps“ verfolgt.

@mit-mit Nur um das klarzustellen, bedeutet das, dass Flattern __keine__ Möglichkeit bietet, Offline-Karten zu rendern?

Mein Kommentar war nicht dazu gedacht, eine solche Aussage zu treffen. Das langfristige Ziel ist die Bereitstellung eines Flutter-Widgets mit ähnlichen API-Funktionen wie Google Maps in seinen Android- und iOS-APIs.

Der Begriff „inline“, den wir hier verwenden, soll das Ziel erfassen, dass die Flutter-Google-Karte ein Flutter-Widget ist; etwas, das Sie „inline“ zwischen anderen Flutter-Widgets platzieren können (neben, darunter stapeln, darüber stapeln usw.).

@mit-mit einen Zeitplan oder ein voraussichtliches Veröffentlichungsdatum auf so lange Sicht? Ich habe ein Projekt, das hereinkommt, und ich würde es gerne in Flutter machen, aber ohne Google Maps-Unterstützung muss ich nativ werden (Java/Swift).

@feinstein Es gibt ein funktionierendes Bare-Bones-Plugin im Flutter/plugins-Repo unter google_maps_flutter.

@mit-mit In der Tat wäre ein langfristiges Veröffentlichungsdatum wirklich nützlich. Die ganze Idee des Flatterns sieht fantastisch aus. Ohne Maps sehe ich leider kaum, ein Projekt auf einem Flutter zu starten

Entschuldigung, wir haben noch keinen öffentlichen Zeitplan, den wir mitteilen können :-(.

Wie ein paar Kommentare weiter oben erwähnt, befinden sich unsere neuesten Fortschritte im Plugin-Repo, und es enthält derzeit eine sehr frühe Version mit einigen dokumentierten Mängeln. Vielleicht möchten Sie sich das einmal ansehen.

Hallo, gibt es eine Möglichkeit, die Symbolleiste in map_view anzupassen? oder Widgets hinzufügen (floatingactionbutton). https://pub.dartlang.org/packages/map_view

derzeit öffnet map_view ein neues Fenster im Vollbildmodus mit einer Folie nach links und einer schwarzen Symbolleiste. Ich möchte den Seitenübergang und die Farbsymbolleiste anpassen und Widgets hinzufügen, um zu interagieren, ohne zurückgehen zu müssen.

Schließlich wäre es nicht möglich, die dynamische Karte in einem Popup-Fenster anstelle eines Vollbilds anzuzeigen?

Danke schön

@nitneuq33000 Das Plugin map_view wird nicht vom Flutter-Team gepflegt. Bitte öffnen Sie Probleme unter https://github.com/apptreesoftware/flutter_google_map_view.

@mravn-google Steht Polylinienunterstützung auf der Roadmap für dieses Plugin?

(Was ich bisher im Ordner /example gesehen habe, sieht übrigens großartig aus!)

@bjornbjorn Eine vollständige API-Abdeckung steht auf der Roadmap, wo sinnvoll. Die Priorisierung wird sehr stark durch das Feedback der Benutzer bestimmt. Erstellen Sie also bitte ein Problem mit Ihren Funktionsanfragen. Dann können andere Leute sie positiv bewerten und/oder sich motiviert fühlen, PRs einzureichen ... und/oder wir werden so schnell wie möglich daran arbeiten.

Um es klar zu sagen, mein Kommentar hier bezieht sich auf das Plugin google_maps_flutter . Wenn sich Ihre Frage auf das map_view -Paket bezieht, richten Sie sie bitte an das AppTree-Team.

Ja, ich beziehe mich auch auf google_maps_flutter - ich habe hier ein Problem erstellt: https://github.com/flutter/flutter/issues/17832

@mravn-google Ich mache ein eigenes Karten-Widget in reinem Dart-Code (siehe meinen Beitrag oben). Im Moment implementiere ich nur die Funktionen, die ich für mein Projekt benötige, aber ich würde es mit der Zeit verbessern.

Ich werde gerne eine PR erstellen und sehen, wie meine Arbeit in Flutter zusammengeführt wird. Ich weiß nicht, wie ich anfangen soll, und ich danke Ihnen für Ihre Hilfe beim Einstieg.

@xclud Es gibt viele Möglichkeiten, Karten im Kontext von Flutter bereitzustellen, und es macht daher wenig Sinn, eine davon zu erhöhen und in Flutter (= das Flutter-Framework) zu stecken. Ich denke auch, dass es wenig Sinn macht, verschiedene Kartenpakete zu konsolidieren, deren Ansätze sehr unterschiedlich sind.

Das Paket google_maps_flutter bleibt ein vom Flutter-Framework getrenntes Plugin. Es wird die iOS/Android-APIs für Google Maps ziemlich genau widerspiegeln, und einige Operationen werden asynchrone Plattformmeldungen beinhalten, um Änderungen an der nativen Kartenansicht vorzunehmen.

Da es sich bei Ihrem Paket um eine reine Dart-Lösung handelt, stellt es wahrscheinlich eine ganz andere API bereit, da Sie die vorhandenen Android- und iOS-APIs von GoogleMaps nicht spiegeln oder aufrufen müssen und keine asynchronen Plattformnachrichten benötigen.

@mravn-google Was ist der Vorteil der Verwendung der nativen Karten der Plattform, anstatt eine reine Dart-Lösung von Grund auf neu zu erstellen? Warum integrieren Sie es nicht in das Flutter-Framework?

Ich dachte, bei Flutter ginge es darum, alles in einer neuen Codebasis zu konsolidieren und zu versuchen, so wenig wie möglich die inneren Plattformen zu verwenden, sondern nur sein Verhalten in Dart zu replizieren.

Ist das eine vorübergehende Lösung für die Renderprobleme? Oder hängt es mit einigen geschäftlichen Problemen bei der Verwendung von Google Maps-Schlüsseln zusammen?

Es gibt keine beste Lösung für Karten. Wir haben einige Kunden, die wirklich
wollen die echten Google Maps. Wir haben andere Kunden, die hoch brauchen
angepasste Karten.

Wenn Sie an einer Kartenlösung interessiert sind, die auf Flutter (wo all
Elemente der Karte sind Flutter-Widgets), check out
https://github.com/apptreesoftware/flutter_map

Am Mittwoch, den 23. Mai 2018 um 8:55 Uhr schrieb feinstein [email protected] :

@mravn-gooogle Was ist der Vorteil der Verwendung der nativen Karten der Plattform,
anstatt eine reine Dart-Lösung von Grund auf neu zu machen? Warum nicht
in das Flutter-Framework integrieren?

Ich dachte, bei Flutter geht es darum, alles in einem neuen Code zu konsolidieren
Basis, versuchen, so wenig wie möglich die inneren Plattformen zu verwenden, gerade
Replikation seines Verhaltens in Dart.

Ist das eine vorübergehende Lösung für die Renderprobleme? Oder hängt es zusammen
zu einigen geschäftlichen Problemen bei der Verwendung von Google Maps-Schlüsseln?

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-391399983 , oder stumm
der Faden
https://github.com/notifications/unsubscribe-auth/AADEtZTlI-eGZyGlVb5exvz9kyJyiQHuks5t1YaLgaJpZM4Ge5yO
.

@wmleler Es tut mir leid, aber ich verstehe immer noch nicht, was ist das Problem mit der Erstellung "der echten Google Maps" in Dart als Teil von Flutter? Gibt es Einschränkungen?

Ich denke, wir möchten eine Abhängigkeit von einem separaten Dienst/Server in vermeiden
Flatterkern.

Dafür sind Plugins gemacht, die entweder offiziell unterstützt werden
Plugins oder Drittanbieter.
Am Mi, 23. Mai 2018 um 12:55 Uhr schrieb feinstein [email protected] :

@wmleler https://github.com/wmleler Es tut mir leid, aber ich tue es immer noch nicht
verstehen, was das Problem ist, wenn man "die echten Google Maps" in Dart erstellt
als Teil von Flutter? Gibt es Einschränkungen?

—
Sie erhalten dies, weil Sie diesen Thread abonniert haben.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-391421822 , oder stumm
der Faden
https://github.com/notifications/unsubscribe-auth/AHAsITlRVopqGvZ9Dj044wp_mjoyyEoLks5t1ZR5gaJpZM4Ge5yO
.

@feinstein Google Maps ist nur ein Kartenanbieter (wenn auch ein wichtiger). Aber Flutter-Apps sollten auch mit MapBox und jedem anderen Kartenanbieter da draußen funktionieren.

Bei Flutter geht es nicht darum, alles in einer monolithischen Codebasis zu konsolidieren. Aus diesem Grund haben wir vom Flutter-Framework getrennte Pakete und Plugins.

In der idealen Welt würde das Google Maps-Team jedoch ein reines Dart-Karten-Widget als Flutter-Paket bereitstellen. MapBox würde ihre Sicht auf dasselbe liefern. Und so weiter. Dies wird zwangsläufig passieren, wenn Flutter populär genug wird. In der Zwischenzeit müssen wir die vorhandenen Kartenkomponenten integrieren.

@mravn-google danke, das macht für mich absolut Sinn!

Zu diesem Thema denke ich, dass Flutter viel schneller angenommen werden würde, wenn es ein unterstützendes Ökosystem um ihn herum gäbe, das gleiche wie Java für Android derzeit, nämlich Dagger 2, Retrofit, Picasso, Room, RxAndroid, Junit, Expresso usw. (Ich kenne einige dieser Funktionalitäten, die wir bereits in Flutter finden, aber ich wollte meine Liste trotzdem gründlich abarbeiten). Ich verstehe, dass dies viel von euch verlangt, aber ich kann eine Beschleunigung von Adptoion feststellen, sobald Entwickler eine einfache Migration sehen und nichts von der alten Plattform verpassen.

@feinstein Meinst du so etwas wie https://pub.dartlang.org/flutter ?

@Hixie Vor einiger Zeit habe ich diesen Reddit-Beitrag gemacht:

https://www.reddit.com/r/FlutterDev/comments/839j38/dartflutter_ecosystem/?utm_source=reddit-android

Und die Antwort, die ich bekam, ist, dass DI, REST (Retrofit) und JSON (GSON, Jackson) noch nicht verfügbar sind ... Hat es sich geändert?

@feinstein Lassen Sie uns diese Diskussion auf separate Fehler verschieben. Können Sie für jedes Ihrer Meinung nach fehlende Paket einen Fehler melden, und wir werden sehen, was wir tun können, um Ihren Bedarf in jedem Fall zu decken? Danke.

@Hixie , klar!

Ich habe mit dem Plugin herumgespielt und kann Folgendes nicht tun:
Ich möchte in der Lage sein, im Vollbildmodus zu einer Seite zu navigieren, die das Karten-Widget enthält, und wenn ich auf „Zurück“ (oder andere Aktionen) drücke, verschwindet das Karten-Widget.

Soweit ich sehen kann, fügt der Beispielordner die navigatorObservers beim Erstellen der App an. Mein Problem ist, dass für GoogleMapOverlayController eine Breite und eine Höhe erstellt werden müssen, und die einzige Möglichkeit, die Abmessungen des Bildschirms zu erhalten, darin besteht, einen LayoutBuilder (Abrufen der BoxConstraints) in der Erstellungsphase zu verwenden (dh nicht mach es statisch). Damit die Karte interaktiv wird, muss ich sie manuell an den Kontext anhängen. Aber dann habe ich keine Möglichkeit, es zu lösen. Wenn ich die Zurück-Taste drücke, navigiert die App zurück, aber die Karte ist immer noch über allen Inhalten.

Unten ist der Code, den ich versucht habe.

Seite 1
Navigator.push(context, new MaterialPageRoute(builder: (context) => new GoogleMapsPage()));

Google Maps-Seite

class GoogleMapsPage extends StatelessWidget {
  <strong i="15">@override</strong>
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(title: const Text("Test Maps")),
      body: new GoogleMaps(),
    );
  }
}

class GoogleMaps extends StatefulWidget {
  GoogleMaps({Key key}) : super(key: key);

  <strong i="16">@override</strong>
  _GoogleMaps createState() => new _GoogleMaps();
}

class _GoogleMaps extends State<GoogleMaps> {

  GoogleMapOverlayController mapOverlayController;

  <strong i="17">@override</strong>
  Widget build(BuildContext context) {
    return new Center(
      child: LayoutBuilder(
          builder: (BuildContext context, BoxConstraints constraints) {
        mapOverlayController = GoogleMapOverlayController.fromSize(
          width: constraints.maxWidth,
          height: constraints.maxHeight,
          options: GoogleMapOptions(
            cameraPosition: const CameraPosition(
              target: LatLng(-34.022631, 150.620685),
              zoom: 15.0,
            ),
            tiltGesturesEnabled: false,
            rotateGesturesEnabled: false,
          ),
        );
        mapOverlayController.overlayController.activateOverlay();
        mapOverlayController.overlayController.attachTo(context);
        return GoogleMapOverlay(controller: mapOverlayController);
      }),
    );
  }

  <strong i="18">@override</strong>
  void deactivate() {
    super.deactivate();
    mapOverlayController.overlayController.deactivateOverlay();
    mapOverlayController.overlayController.detach();
    mapOverlayController.overlayController.dispose();
    mapOverlayController.mapController.dispose();
    mapOverlayController.dispose();
  }
}

Jede Hilfe wäre willkommen.

Danke!

@jposuna Wie in der Readme -Datei angegeben, handelt es sich bei dem Plugin um eine Vorschau, die dabei helfen soll, die GoogleMapController Dart-API zum Leben zu erwecken. Das Flutter-Team beabsichtigt nicht, Plattform-Overlays für Karten zu unterstützen, die über das hinausgehen, was zum Präsentieren und Testen der GoogleMapController -API erforderlich ist, während wir sie erstellen.

Google Maps im Vollbildmodus ist mit dem Paket map_view verfügbar.

@mravn-google danke für die schnelle Antwort. Um es klar zu sagen, die Einschränkung, auf die ich stoße, ist nicht die Vollbildunterstützung (ich konnte es im Vollbildmodus abrufen), sondern es vom Bildschirm zu entfernen, wenn ich wegnavigiere.

Flattern ist für mich völlig neu, daher entgeht mir möglicherweise Fachjargon, aber aus der README-Datei ("Issues and Pull Requests, die darauf abzielen, uns bei der Priorisierung und Beschleunigung dieser Bemühungen zu helfen, sind sehr willkommen") und Ihrem früheren Kommentar dazu Thread ("Vollständige API-Abdeckung ist auf der Roadmap, wo sinnvoll. Priorisierung wird sehr stark durch Benutzerfeedback beeinflusst") Ich habe verstanden, dass es sich um eine Vorschau handelt, die im Laufe der Zeit basierend auf Anwendungsfällen und Feedback erweitert werden soll.

Aber aus Ihrer Antwort geht hervor, dass es sich nicht zu einer vollwertigen Lösung entwickeln soll, sondern eher als Proof-of-Concept vor der eigentlichen Lösung dienen soll. Verstehe ich es richtig? So oder so ist in Ordnung, ich versuche nur, die Situation zu verstehen, bevor ich eine vollständige Integration mit einer Lösung durchführe und dann die gesamte Integration auf der ganzen Linie ändern muss.

@jposuna Wir beabsichtigen, den GoogleMapController -Teil des Plugins zu einer vollständigen Lösung zu erweitern, einschließlich 1) vollständiger Abdeckung relevanter Google Maps-APIs zur Steuerung dessen, was in der Kartenansicht angezeigt wird, und zur Reaktion auf Benutzerinteraktionen mit dieser Ansicht, und 2) Integrieren der Kartenansicht als Standard-Widget, das frei mit anderen Widgets zusammengestellt werden kann, einschließlich solchen, die eine Navigation implementieren.

Die GoogleMapOverlayController und Plattform-Overlays im Allgemeinen sind eine Krücke für 2), eine vorübergehende Lösung, da wir derzeit nicht über die Google Maps-APIs verfügen, die für die eigentliche Widget-Integration benötigt werden. Wir beabsichtigen nicht, an der Krücke zu arbeiten, weil sie uns nicht dahin tragen kann, wohin wir wollen.

Das bedeutet, dass der Teil Ihres Codes, der von GoogleMapOverlayController abhängt, irgendwann geändert werden muss. Und falls Ihr Code Hacks verwenden muss, um die Einschränkungen von Plattform-Overlays zu umgehen, werden diese Hacks schließlich unnötig.

Unser Unternehmen kann die Unterstützung von Google Maps auf Flutter kaum erwarten

@tieorange Dann würde ich vorschlagen, ein anderes Framework auszuwählen oder native Apps zu erstellen.

War das buchstäblich kann nicht warten, oder war das ein idiomatischer Ausdruck von Aufregung?

Erstreckt sich der Mangel an Maps-Unterstützung für Flutter auch auf die Places-API, oder könnte man möglicherweise auf die Places-Daten zugreifen, ohne sie tatsächlich von der Karte selbst abzurufen?

Warte auch auf diese Unterstützung 👍

Ich habe Probleme beim Kompilieren, ich erhalte "ld: framework not found google_maps_flutter"
wegen eines anderen plugins habe ich use_frameworks! auf meinem PodFile.

Mein Flatterdoktor.
[✓] Flutter (Channel Master, v0.5.2-pre.55, auf Mac OS X 10.13.4 17E202, Gebietsschema en-PT)
[✓] Android Toolchain – Entwicklung für Android-Geräte (Android SDK 27.0.3)
[✓] iOS-Toolchain – Entwicklung für iOS-Geräte (Xcode 9.4)
[✓] Android Studio (Version 3.1)
[✓] VS-Code (Version 1.23.1)
[✓] Verbundene Geräte (3 verfügbar)

@PauloMelo führen Sie flutter build ios aus Ihrem Projektverzeichnis aus. Dann wird xcode gut gebaut. Denken Sie auch daran, flutter packages get auszuführen

Nein, wird es nicht.
Ich habe alles versucht: rm DerivedData, flatter clean, flatter build ios, sogar das Öffnen des xworkspace und Build in xcode, ich bekomme immer die gleiche Meldung ...

@PauloMelo Hast du hinzugefügt
google_maps_flutter:
git:
url: git://github.com/flutter/plugins
path: packages/google_maps_flutter
als Abhängigkeit in Ihrer pubspec.yaml-Datei?
https://github.com/flutter/plugins/tree/master/packages/google_maps_flutter

Anscheinend benötigt die Datei google_maps_flutter.podspec eine

s.static_framework = true

Linie. Ich koche eine PR.

@mravn-google Danke, das hat mein Problem gelöst.

Ich habe ein neues Flutter-Projekt gestartet, das eine Kartenansicht enthalten sollte, und bin auf diese Mauer gestoßen. Warten auf die guten Nachrichten!

@jposuna Ich habe es geschafft, dass es verschwindet, wenn ich https://twitter.com/gerryhigh/status/997312139663757312

Hallo, ich habe das Plugin gerade getestet und es ist wirklich beeindruckend! Ich mag
controlleur und alle Anpassungen und Möglichkeiten. Ich sehe nur einen Fehler.
wie Absturz nach Klick auf die Schaltfläche newCameraPosition und ich kneife zu
Zoom von hinten. Andere Erfahrung, ich habe versucht, eine Integer-Karte in eine Karte zu integrieren
haben einen abgerundeten Rand, aber es funktioniert nicht. andere habe ich versucht, a zu machen
Geofencing-Zone, ich stapele aber eine Kreisform mit 50% Deckkraft über die Karte
unmöglich, die kreisförmige Form über die Karte zu setzen.

2018-06-11 21:58 GMT+02:00 Gerry High [email protected] :

@jposuna https://github.com/jposuna Ich habe es geschafft, wann zu verschwinden
weg navigieren. Bei Gelegenheit werde ich posten, was ich mache. Hier ist ein
kurzes Video davon in Aktion: https://twitter.com/gerryhigh/
Status/997312139663757312

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-396366977 oder stumm
der Faden
https://github.com/notifications/unsubscribe-auth/AaWFywrVAg5KtnMG_FDJc5O8N9zQ3PbEks5t7svngaJpZM4Ge5yO
.

@nitneuq33 Wie Sie in der README.md dieses Plugins lesen können, funktioniert es, indem die Plattformansicht als Überlagerung über der Flatteransicht platziert wird, und es erlaubt keine freie Zusammensetzung mit anderen Widgets.

Entschuldigung OK, gibt es Möglichkeiten, einen Geofencing-Controller zu implementieren?
wie ein benutzerdefiniertes Tag, aber kreisförmig und dynamisch in Funktion des Zooms und
Wert des Radius?

2018-06-14 12:49 GMT+02:00 Piotr Tobolski [email protected] :

@nitneuq33 https://github.com/nitneuq33 Wie Sie in der lesen können
README.md dieses Plugins - es funktioniert, indem die Plattformansicht als Overlay platziert wird
über die Flatteransicht und erlaubt kein freies Compositing mit anderen
Widgets.

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-397252927 , oder stumm
der Faden
https://github.com/notifications/unsubscribe-auth/AaWFyzd7A-TFa1xGOTdUC3s3X6lcK6RWks5t8j-cgaJpZM4Ge5yO
.

Gibt es eine ETA für diese Funktion?

Entschuldigung, was ist ETA?

Le jeu. 14. Juni 2018 um 22:36 Uhr, Daldoy [email protected] schriftlich:

Gibt es eine ETA für diese Funktion?

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-397429930 oder stumm
der Faden
https://github.com/notifications/unsubscribe-auth/AaWFywmRIFV5h9JzrbBjlatRiMvHCZ9Bks5t8slagaJpZM4Ge5yO
.

Voraussichtliche Ankunftszeit.

Und nein, gibt es nicht, wurde schon oft gefragt.

Hallo, ich habe versucht, das Beispiel zu verwenden
https://github.com/flutter/plugins/tree/master/packages/google_maps_flutter/example/lib
Aber mit der einfachen Ansicht habe ich versucht, die Karte nach dem App-Start mit nur 3 anzuzeigen
Schaltfläche (Satellitentyp, Hybridtyp und neuer Standort). Ich habe Erfolg
dies aber ohne die Seitenarchitektur des Beispiels zu ändern. also habe ich es versucht
Verwenden Sie das andere einfachere Beispiel
https://github.com/flutter/plugins/tree/master/packages/google_maps_flutter
aber es verwendet StatLessWidget und das Beispiel von map_ui verwendet statfulWidget aber
Als ich versuchte, statfullwidget zu verwenden, habe ich Fehler. Kann ich eine einfache haben
Beispiel mit statfullWidget, um die Karte beim Start der App zu verwenden? ( einfach
Sie benötigen 3 Schaltflächen, um den Kartentyp zu ändern und eine neue Lokalisierung zu starten).
Ich bin neu bei Flutter, tut mir leid, wenn es nicht klar ist, aber dieses Plugin ist wirklich
wichtig und das ist der letzte Block für mich :)

14.06.2018 23:03 GMT+02:00 feinstein [email protected] :

Voraussichtliche Ankunftszeit.

Und nein, gibt es nicht, wurde schon oft gefragt.

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-397437407 oder stumm
der Faden
https://github.com/notifications/unsubscribe-auth/AaWFyzu5X9Y5nhPIEeW1Myl12kf1JIEbks5t8s-xgaJpZM4Ge5yO
.

@nitneuq33 Es tut uns leid zu hören, dass Sie Probleme haben. Bei solchen Supportfragen erhalten Sie wahrscheinlich besseren Support auf stackoverflow (https://stackoverflow.com/questions/tagged/flutter). Der aktuelle Problem-Tracker soll den Fortschritt der gesamten Funktion verfolgen.

Ich habe versucht, meine Notwendigkeit in Stackoverflow zu erklären, aber ich habe nicht genug Erfahrung, um die Antworten zu debuggen und zu verstehen. Kann jemand ein einfaches Beispiel seines Plugins mit nur einer Karte auf dem Startbildschirm schreiben, die mit Optionen wie Marker, MapType usw. kompatibel ist? Danke schön

@nitneuq33000 Hier ist ein einfaches Beispiel für die Verwendung des Plugins mit Markierungen, Infofenstern (und Rückruf, wenn das Infofenster angetippt wird) und Wegbeschreibungen. https://github.com/gerryhigh/Flutter-Google-Maps-Demo

@ @jposuna sieh dir an, wie die Karte verschwindet, wenn du wegnavigierst

Beachten Sie, dass dieses Beispiel eine Schaltfläche auf einer Homepage hat, die zur Kartenseite navigiert, aber es wäre trivial, wenn Sie die Veranstaltungsseite zur Homepage machen würden. Dieses Beispiel verweist auch auf einen Fork der Plugins in pubspec.yaml, da es eine Korrektur für den infowindowonTapped-Aufruf enthält (ich muss eine Pull-Anfrage für die Korrektur erstellen).

Schließlich verwendet dieser Ansatz nicht den Navigator-Beobachter, den die Kartendemo verwendet, die mit dem Plugin geliefert wird. Als Ergebnis habe ich festgestellt, dass es beim Rendern der Karte unter iOS einen Fehler gibt, bei dem das Overlay und ein gewisser X-Offset angezeigt werden. Derzeit füge ich eine Verzögerung beim Laden hinzu, um dieses Problem zu umgehen.

Um dieses Beispiel auszuführen, geben Sie einfach Ihre Kartenschlüssel ein. Ich hoffe das hilft.

danke es ist sehr hilfreich, wirklich was ich gesucht habe :)

2018-06-16 21:41 GMT+02:00 Gerry High [email protected] :

@nitneuq33000 https://github.com/nitneuq33000 Hier ist ein einfaches Beispiel
Verwenden des Plugins mit Markierungen, Infofenstern (und Rückruf, wenn Infofenster
angetippt) und Wegbeschreibungen. https://github.com/gerryhigh/
Flutter-Google-Maps-Demo

@ @jposuna https://github.com/jposuna Schauen Sie nach, wie die Karte verschwindet
beim Wegnavigieren

Beachten Sie, dass dieses Beispiel eine Schaltfläche auf einer Homepage hat, die zu navigiert
Kartenseite, aber es wäre trivial für Sie, die Veranstaltungsseite zur Startseite zu machen
Seite. Dieses Beispiel zeigt auch auf einen Fork der Plugins in pubspec.yaml
weil es einen Fix für den infowindowonTapped-Aufruf hat (ich muss einen Pull erstellen
Bitte um Korrektur).

Schließlich verwendet dieser Ansatz nicht den Navigatorbeobachter als die Karten
Demo, die mit dem Plugin verwendet wird. Als Ergebnis ist mir das dort aufgefallen
ist ein Fehler auf iOS beim Rendern der Karte, wo das Overlay angezeigt wird und
etwas x-Offset. Derzeit füge ich eine Verzögerung beim Laden hinzu, um dies zu umgehen
Ausgabe.

Um dieses Beispiel auszuführen, geben Sie einfach Ihre Kartenschlüssel ein. Ich hoffe das hilft.

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-397834840 , oder stumm
der Faden
https://github.com/notifications/unsubscribe-auth/AaWFy_a4oC7-F1fvSc6RvobUsZxd7_qVks5t9V9rgaJpZM4Ge5yO
.

Allerdings wird eine Lösung für die Wegnavigation willkommen sein,

2018-06-17 10:12 GMT+02:00 quentin guichot [email protected] :

danke es ist sehr hilfreich, wirklich was ich gesucht habe :)

2018-06-16 21:41 GMT+02:00 Gerry High [email protected] :

@nitneuq33000 https://github.com/nitneuq33000 Hier ist ein einfaches Beispiel
Verwenden des Plugins mit Markierungen, Infofenstern (und Rückruf, wenn Infofenster
angetippt) und Wegbeschreibungen. https://github.com/gerryhigh/F
lutter-Google-Maps-Demo

@ @jposuna https://github.com/jposuna Schauen Sie nach, wie die Karte verschwindet
beim Wegnavigieren

Beachten Sie, dass dieses Beispiel eine Schaltfläche auf einer Homepage hat, die zu navigiert
Kartenseite, aber es wäre trivial für Sie, die Veranstaltungsseite zur Startseite zu machen
Seite. Dieses Beispiel zeigt auch auf einen Fork der Plugins in pubspec.yaml
weil es einen Fix für den infowindowonTapped-Aufruf hat (ich muss einen Pull erstellen
Bitte um Korrektur).

Schließlich verwendet dieser Ansatz nicht den Navigatorbeobachter als die Karten
Demo, die mit dem Plugin verwendet wird. Als Ergebnis ist mir das dort aufgefallen
ist ein Fehler auf iOS beim Rendern der Karte, wo das Overlay angezeigt wird und
etwas x-Offset. Derzeit füge ich eine Verzögerung beim Laden hinzu, um dies zu umgehen
Ausgabe.

Um dieses Beispiel auszuführen, geben Sie einfach Ihre Kartenschlüssel ein. Ich hoffe das hilft.

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-397834840 ,
oder den Thread stumm schalten
https://github.com/notifications/unsubscribe-auth/AaWFy_a4oC7-F1fvSc6RvobUsZxd7_qVks5t9V9rgaJpZM4Ge5yO
.

Ich habe einen Fehler mit

initState

Ich kann einen gespeicherten Wert nicht hochladen. Ich verwende die gemeinsame Präferenz, um Daten an zu übergeben
die nächste seite, aber wenn ich diese zeile hinzufüge, habe ich un bug und die karte ist
immer aktiv, auch wenn ich zur vorherigen Seite zurückkehre.

void initState() {
  super.initState();

_loadgeoValue()

}

...

_loadgeoValue() async {

  SharedPreferences prefs = await SharedPreferences.getInstance();
  setState(() {
    lat = (prefs.getDouble('lat1'));
    long = (prefs.getDouble('long2'));
  }
  );
}

Wenn jemand eine Idee hat ... danke für den Voraus

2018-06-17 10:22 GMT+02:00 quentin guichot [email protected] :

Allerdings wird eine Lösung für die Wegnavigation willkommen sein,

2018-06-17 10:12 GMT+02:00 quentin guichot [email protected] :

danke es ist sehr hilfreich, wirklich was ich gesucht habe :)

2018-06-16 21:41 GMT+02:00 Gerry High [email protected] :

@nitneuq33000 https://github.com/nitneuq33000 Hier ist ein einfaches Beispiel
Verwenden des Plugins mit Markierungen, Infofenstern (und Rückruf, wenn Infofenster
angetippt) und Wegbeschreibungen. https://github.com/gerryhigh/F
lutter-Google-Maps-Demo

@ @jposuna https://github.com/jposuna werfen Sie einen Blick auf die Karte
verschwindet beim Wegnavigieren

Beachten Sie, dass dieses Beispiel eine Schaltfläche auf einer Homepage hat, zu der navigiert wird
die Kartenseite, aber es wäre trivial für Sie, die Veranstaltungsseite zur Seite zu machen
Startseite. Dieses Beispiel zeigt auch auf einen Fork der Plugins in
pubspec.yaml, weil es einen Fix für den infowindowonTapped-Aufruf hat (ich brauche
einen Pull-Request für den Fix erstellen).

Schließlich verwendet dieser Ansatz nicht den Navigatorbeobachter als die Karten
Demo, die mit dem Plugin verwendet wird. Als Ergebnis ist mir das dort aufgefallen
ist ein Fehler auf iOS beim Rendern der Karte, wo das Overlay angezeigt wird und
etwas x-Offset. Derzeit füge ich eine Verzögerung beim Laden hinzu, um dies zu umgehen
Ausgabe.

Um dieses Beispiel auszuführen, geben Sie einfach Ihre Kartenschlüssel ein. Ich hoffe das hilft.

—
Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/flutter/flutter/issues/73#issuecomment-397834840 ,
oder den Thread stumm schalten
https://github.com/notifications/unsubscribe-auth/AaWFy_a4oC7-F1fvSc6RvobUsZxd7_qVks5t9V9rgaJpZM4Ge5yO
.

Hallo, es ist mir gelungen, mich fortzubewegen, ohne in den Initstate zu wechseln, um meine hochzuladen
Daten, wenn ich die neue Seite starte. Also momentan ist es aber das funktionale
feste Ebene, wenn ich die Seite schließe, ist nicht sehr sexy. Irgendeine Idee, es mehr zu machen
visuell, wie eine ausgeblendete Animation der Layermap, wenn Sie die Seite schließen?
oder Übergangsanimation, die den Übergang der Seite erfasst? Danke schön

Hallo, gibt es Fortschritte in Bezug auf dieses Plugin, gibt es Neuigkeiten darüber, wann wir mit einer Lösung rechnen sollten?
Danke schön!

Wie erhalte ich mit diesem Plugin den aktuellen Benutzerstandort in Breite/Länge? wird es unterstützt?

Bitte halten Sie die Support-Fragen von diesem Thread fern, stellen Sie sie auf Gitter, Stackoverflow oder einem anderen relevanten Forum. Jedes Mal, wenn Sie kommentieren, erhalten viele Leute eine unnötige Benachrichtigung. Dieser Thread sollte nur relevante Statusaktualisierungen oder tatsächlich nützliche Diskussionen enthalten, danke.

So verwenden Sie andere Widgets in diesem Plugin. Es ist schwierig, Widgets auf der Karte einzufügen.

Hallo. Ich nehme an, die Verwendung eines WebView zum Einbetten der Webversion von Google Maps ist völlig unrealistisch? (Habe ich noch nicht ausprobiert, aber mir ist gerade dieses Plugin aufgefallen https://pub.dartlang.org/packages/flutter_webview_plugin

Hallo, gibt es Fortschritte in Bezug auf dieses Plugin, gibt es Neuigkeiten darüber, wann wir mit einer Lösung rechnen sollten?
Danke schön!

Ich bin gespannt, ob das Konzept der „nativen Widgets“ noch Fortschritte macht. Sie wollten Ihnen erlauben, eine "native" Ansicht in ein Flatter-Widget in einem Plugin zu verpacken, damit Sie theoretisch ein Mapview-Plugin erstellen können, das einfach die "nativen" Ansichten umschließt und diese in den Flatter-Renderbaum einfügt, wo immer Sie es verwendet haben das Widget des Plugins.

Ich arbeite aktiv daran, leider habe ich keine ETA.
Sie können auch #19030 folgen, um detailliertere Fortschrittsaktualisierungen zu erhalten.

@amirh abonniert danke!

Vielleicht solltest du mal hier nachsehen: https://github.com/apptreesoftware/flutter_google_map_view

@apptreesoftware

Eine reine Android- Vorschau des Inline-Plugins für Google Maps ist jetzt verfügbar unter: https://github.com/flutter/plugins/tree/master/packages/google_maps_flutter

(Die dafür erforderliche Framework- und Engine-Unterstützung ist derzeit nur auf dem Master-Kanal verfügbar.)

Die Readme spricht über iOS-Setup ... Sollte das nicht näher erläutert werden?

Guter Punkt, ich werde es jetzt entfernen.

Hallo, beim Testen von google_maps_flutter bin ich auf folgendes Problem gestoßen:
Wenn ich auf die Schaltfläche „Gehe nach London“ drücke, wird die Karte an diesen Ort verschoben, und wenn ich versuche, herauszuzoomen, funktioniert die Anwendung nicht mehr und wird geschlossen.
Protokoll:
E/JavaBinder(10217): !!! FEHLGESCHLAGENE BINDERTRANSAKTION !!! (Paketgröße = 3050800)
I/Prozess (10217): Sendesignal. PID: 10217 SIG: 9
Verbindung zum Gerät verloren.

Wenn ich hineinzoome, funktioniert alles, und wenn ich dann herauszoome, funktioniert die Anwendung einwandfrei, bis sie den beim Drücken der Taste eingestellten Zoomwert erreicht.
Wenn ich die Taste nicht drücke, kann ich problemlos hinein- und herauszoomen.

@cosminstoinescu Es ist wahrscheinlich besser, für dieses spezielle Problem eine neue Ausgabe mit einer vollständig gefüllten Ausgabevorlage und einer möglichst laufenden minimalen Reproduktion zu erstellen.

Problemticket erstellt: #22228: Inline Google Maps - Zoom-Absturz

Wie andere bereits erwähnt haben, ist es möglich, dass Flutter über Plattformkanäle mit nativen Karten interagiert, hier ist ein Beispiel dafür, wie Sie genau das schnell tun können: https://github.com/syfgkjasdkn/map_and_flutter

Nur für den Fall, dass es jemand hilfreich finden könnte.

Aus Neugier, portiert ihr auch die Places-API oder nur die Google Maps-API?

Ist dies der richtige Thread, um über Updates benachrichtigt zu werden, ich brauche die Inline-Google-Maps-Ansicht für Android und iOS, gibt es einen ausführlicheren Thread oder so etwas?

@HerrNiklasRaab ja, das ist das Thema, das man sich ansehen sollte, und hat die besten Informationen für Inline-Karten.

flutter/plugins#892 hat dem Plugin google_maps_flutter iOS-Unterstützung hinzugefügt.
Die Unterstützung für die Einbettung von Plattformansichten, auf der die Inline-Karte basiert, befindet sich noch in der frühen Vorschau (siehe https://github.com/flutter/flutter/issues/19030#issuecomment-437534853 ).

Offene Probleme sind mit den Labels für Plattformansichten und/oder Karten gekennzeichnet. Bitte stimmen Sie die Probleme, die Ihnen wichtig sind, hoch, um uns bei der Priorisierung zu helfen.

Beachten Sie, dass Sie das Vorschau-Flag aktivieren müssen, wenn Sie es auf iOS ausprobieren möchten. Weitere Informationen finden Sie unter:
https://github.com/flutter/flutter/issues/19030#issuecomment -437534853

Ich denke, diese Informationen sollten in der Readme.md für die Bibliothek enthalten sein.

Gibt es Pläne, dies so zu verschieben, dass es keine Inline-Lösung ist, sodass ich Schaltflächen oben auf der Karte, ein unteres Blatt, ein Schubladenlayout platzieren kann?

Ich plane, die Dokumentation bald zu verbessern.

Sie sind sich nicht sicher, was Sie damit meinen, keine Inline-Lösung zu sein? Flutter-Widgets können jetzt oben auf der Karte platziert werden.

Oh das ist toll! Ich erinnere mich, dass ich gelesen habe, dass es keine Widgets über der Karte geben konnte, als wäre es eine andere Rendering-Ebene. Gilt das für ios und android?

Nachdem ich das Karten-Plug-in ausprobiert und mit Plattformansichts-Widgets herumgespielt hatte, kam ich zu diesem Beitrag, dem sehr originellen Beitrag, und ich kann sagen, dass Option 3 eine viel bessere Option gewesen wäre.

Ich würde gerne wissen, gibt es einen Grund, warum sich niemand dafür entschieden hat, ein echtes Widget für Karten von Grund auf neu zu erstellen? Ich meine, die ganze Kraft dafür ist da! Skia ist leistungsfähig genug, um mit einfachen Grafiken einen eigenen Renderer für Gebäude und Straßen zu erstellen, oder ist dies von Dart aus nicht möglich? Ich habe den Code vom Rendern einer einfachen Box von Dart zur Engine überprüft und sehe, dass es möglich ist.

Ich verstehe, dass es einen technischen Grund gibt, warum wir Plattformansichten brauchen, aber Karten brauchen ein "natives" Flatter-SDK, oder was ist der Plan für Fuchsia? Nutzen Sie weiterhin das SDK von Android, um Karten zu rendern? Das ist Unsinn!

Wir haben bereits eine Plattformansicht, die gut zu funktionieren scheint und möglicherweise optimiert werden muss, aber die Teams können diese Kartenimplementierung jetzt einfach fallen lassen (im Grunde zwei, eine pro Plattform) und mit der Arbeit an einer tatsächlichen Karte für Flutter beginnen, die technisch auf jeder funktionieren würde zukünftige Plattform, die Flattern unterstützt, einschließlich Hummingbird, PC, Mac und Linux (und viele mehr).

Es ist der beste Weg, und Sie wissen es jetzt. Das Karten-Plugin für Unity3D verwendet nicht die native Ansicht, es ist vollständig benutzerdefiniert für die Engine und mit erstaunlicher Anpassbarkeit! Das brauchen wir auch für Flutter, es ist viel reichhaltiger und nützlicher als das, was eine Plattformansicht einer Karte leisten kann.

Außerdem wird es uns Entwicklern eine Idee bringen, wie man die Grafik-Engine tatsächlich auf niedriger Ebene verwendet, um andere Sachen zu bauen.

Ich hoffe, ihr versteht das nicht falsch, aber ich glaube fest daran, dass das Karten-Plug-in durch Plattformansichten sein Ziel bereits erfüllt hat: native Ansichten zu ermöglichen, die als Widgets gerendert werden können.

Oh, bevor ich das beende: Ich dachte, dass dies vielleicht auf WebViews ausgedehnt werden könnte (mit einer tatsächlichen Browser-Engine, die mit Skia rendert), ist etwas Nützliches, vielleicht nicht, vielleicht ist es (vorerst) einfach zu viel, aber es würde das Problem des Habens lösen verschiedene Renderer für WebViews pro Plattform (wie die Absicht der Flutter-Maps), aber eine Integration mit der Chrome-Engine wäre irgendwie erstaunlich, ich meine, wenn die Plattform in der Lage ist, Chromium auszuführen, könnte sie technisch als Web-Renderer dienen und einen bereitstellen Kanal zum Rendern von WebViews in Flutter.

Das ist es! Ich gehe jetzt ins Bett :)

Ich gehe davon aus, dass der sehr langfristige Plan darin besteht, etwas Unabhängiges von der zugrunde liegenden Plattform zu entwickeln (Option 3). Dies war jedoch zwischenzeitlich eine „tief hängende Frucht“, um die aktuellen zwei Hauptplattformen zu unterstützen. Ich habe keinen Zweifel, dass in Kürze Lösungen von Drittanbietern auftauchen werden, zum Beispiel hält nichts niemanden davon ab, ein OSM-Paket zu erstellen.