Ergebnis 1 bis 16 von 16

Thema: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

  1. #1
    Arrogantes Arschloch Avatar von ano.nym
    Registriert seit
    Mar 2020
    Beiträge
    86

    Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    Hallo,

    ich bin da gerade an einem neuen Projekt. Den Quellcode könnt ihr hier sehen. Ich möchte jetzt die Koordinaten, die alle 0,5 Sekunden geupdated werden dazu nutzen, um auf einer Karte (Apple MapKit, Google Maps oder Bing Maps, ..) einen Punkt darzustellen, der sich bewegt (ohne dass sich die Karte alle 0,5 Sekunden neu lädt natürlich). Was wäre denn die einfachste Lösung dafür?
    Geändert von ano.nym (13.05.20 um 19:37 Uhr)

  2. #2
    Zeitreisender

    Administrator

    Avatar von drfuture
    Registriert seit
    Jul 2013
    Ort
    in der Zukunft
    Beiträge
    6.699
    ngb:news Artikel
    17

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    Für diesen Beitrag bedankt sich ano.nym
    |_|D *`~{ Ich kenne deine Zukunft }~´* |_|D

  3. #3
    Arrogantes Arschloch

    (Threadstarter)

    Avatar von ano.nym
    Registriert seit
    Mar 2020
    Beiträge
    86

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    Kann man den Marker auch verändern? Ich möchte einen blauen Punkt. Habe nur gesehen, dass man die Animation ändern kann.. und wie würde das dann funktionieren? Müsste ich dann bei jedem Update der Koordinaten den Marker entfernen und neu setzen?

  4. #4
    Zeitreisender

    Administrator

    Avatar von drfuture
    Registriert seit
    Jul 2013
    Ort
    in der Zukunft
    Beiträge
    6.699
    ngb:news Artikel
    17

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    Man kann ja auch eigene Icons als Marker setzen.
    Auf der Seite gibt es ja noch zig andere Beispiele.
    Man könnte auch Wege zeichnen wie in den Polygonen-Beispielen.

    Aber ja die einfachste Möglichkeit dürfte sein einen Marker einzublenden und den alten zu entfernen.
    Für diesen Beitrag bedankt sich ano.nym
    |_|D *`~{ Ich kenne deine Zukunft }~´* |_|D

  5. #5
    Asoziale Ausbilderin Avatar von sia
    Registriert seit
    Mar 2015
    Ort
    FFM (NSFW)
    Beiträge
    5.825
    ngb:news Artikel
    4

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    Du magst doch gerne JavaScript. Da gibt's Leaflet.js

    Siehe auch: amreldib/awesome-gis/#WebFrontEnd / sshuair/awesome-gis#front-end-framework

    Oh, und schau dir auch mal Hauk an. Das ist eine Open Source Software, mit der man mittels einer Android-App und eines Webservers die GPS-Bewegungen von Smartphones verfolgen kann. Ähnlich des Location Sharing von WhatsApp, Telegram und Co. kann man hier seinen Standort für eine definierte Zeit freigeben, nur eben FOSS, selfhosted und nicht vom Datenkra(n)ken.
    Für diesen Beitrag bedankt sich ano.nym
    *mit Linux wäre das natürlich nicht passiert™
    Arguing that you don't care about the right to privacy because you have nothing to hide is no different than saying you don't care about free speech because you have nothing to say. – Edward Snowden
    tilde.fun – dein kostenloser Linux-Account in der Cloud | Inoffizielle ngb-Telegram-Gruppe
    GCM/S/TW d s+:- a-----? C++$ UL+++$ P-- L+++ E---- W++++ !N ?K w- M-- !P[A-Z] Y++ PGP R* tv-- b++>++++ DI++\:\( G+ e+>++++ h*

  6. #6
    Arrogantes Arschloch

    (Threadstarter)

    Avatar von ano.nym
    Registriert seit
    Mar 2020
    Beiträge
    86

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    Jetzt habe ich dieses Leaflet.js eingebaut, aber man sieht die Karte nicht. Der Code wirft auch keine Fehler.

    Das ist der Code: https://cryptnote.ch/locationsharing/js/index.js
    Geändert von ano.nym (13.05.20 um 19:36 Uhr)

  7. #7
    Cloogshicer®

    Moderator

    Avatar von dexter
    Registriert seit
    Jul 2013
    Beiträge
    2.620

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    und wo ist die zugehörige html/php-datei?
    Für diesen Beitrag bedanken sich ano.nym, c1i
    Corona ist Harmlos.

    And if you choose to fail us i say: we will never forgive you

  8. #8
    Arrogantes Arschloch

    (Threadstarter)

    Avatar von ano.nym
    Registriert seit
    Mar 2020
    Beiträge
    86

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    Hier: https://cryptnote.ch/locationsharing/
    Einfach den Quelltext im Browser öffnen.

    Ich benutze für dieses Projekt kein PHP, nur JavaScript.

    Code (HTML5):
    1.  
    2. <!DOCTYPE html>
    3. <html lang="de">
    4.   <head>
    5.     <meta charset="utf-8">
    6.     <meta http-equiv="x-ua-compatible" content="ie=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1">
    8.     <meta name="description" content="P2P Location Sharing">
    9.    
    10.     <meta property="og:title" content="P2P">
    11.     <meta property="og:description" content="P2P Location Sharing">
    12.     <meta property="og:image" content="lock.png">
    13.     <link rel="icon" href="favicon.ico">
    14.  
    15.     <title>P2P Filesharing</title>
    16.     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
    17.     integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
    18.     crossorigin=""/>
    19.     <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
    20.     integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
    21.     crossorigin=""></script>
    22.     <style>
    23.         #mapid { height: 300px; }
    24.     </style>
    25.   </head>
    26.  
    27.   <body>
    28.   <div id="url"></div>
    29.   <div id="status">Nicht verbunden</div>
    30.   <div id="received">Warte</div>
    31.   <div id="map"></div>
    32.  
    33.   <script src="js/peer.js"></script>
    34.   <script src="js/index.js"></script>
    35.   </body>
    36. </html>
    Habe den Fehler gefunden. Der Fehler war eine falsche ID (mapid anstatt map) im CSS.
    Jetzt wird die Karte zwar dargestellt, aber man sieht keine Straßen, usw.

    --- [2020-05-13 16:20 CEST] Automatisch zusammengeführter Beitrag ---

    Thread kann geschlossen werden, es funktioniert jetzt endlich.
    Geändert von ano.nym (13.05.20 um 19:36 Uhr)

  9. #9
    Cloogshicer®

    Moderator

    Avatar von dexter
    Registriert seit
    Jul 2013
    Beiträge
    2.620

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    Zitat Zitat von ano.nym Beitrag anzeigen
    Hier: https://cryptnote.ch/geolocationsharing/
    Einfach den Quelltext im Browser öffnen.
    Ich wollte mir egtl. das Ergebnis mal anschauen, nicht nur den Quelltext. Ich bekomme:
    Nicht verbunden

    Warte
    Brauch ich da den Superduperbrowser von der Datenkrake, oder soll das so?
    Für diesen Beitrag bedankt sich ano.nym
    Corona ist Harmlos.

    And if you choose to fail us i say: we will never forgive you

  10. #10
    Arrogantes Arschloch

    (Threadstarter)

    Avatar von ano.nym
    Registriert seit
    Mar 2020
    Beiträge
    86

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    Zitat Zitat von dexter Beitrag anzeigen
    Ich wollte mir egtl. das Ergebnis mal anschauen, nicht nur den Quelltext. Ich bekomme:

    Brauch ich da den Superduperbrowser von der Datenkrake, oder soll das so?
    Das soll so.

    In der ersten Zeile erhältst du einen Link, den du mit jemanden teilen kannst oder selbst in einem neuen Tab aufrufen kannst. Dann musst du auf beiden Tabs Ortung aktivieren. Erst dann zeigt sich die Karte. Viel Spaß damit

    Wichtig: WebRTC muss im Browser aktiviert sein.

  11. #11
    Cloogshicer®

    Moderator

    Avatar von dexter
    Registriert seit
    Jul 2013
    Beiträge
    2.620

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    Zitat Zitat von ano.nym Beitrag anzeigen
    Wichtig: WebRTC muss im Browser aktiviert sein.
    Wozu?
    Corona ist Harmlos.

    And if you choose to fail us i say: we will never forgive you

  12. #12

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    Na weil Google irgendwann WebRTC gekauft hat.

    So einen Hinweis auf der Seite sollte man schon anbringen (niemand nutzt sonst WebRTC), das wäre besser als die tollen Browser-Hinweise, dass die Seite Links in die Zwischenablage kopiert oder den Standort abfragen will.
    Für diesen Beitrag bedankt sich ano.nym

  13. #13

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    WebRTC um die beides Tabs zu syncen oder wozu? Dazu kannst du auch localstorage nehmen.
    Klingt für mich etwas strange, du setzt techniken wie WebRTC ein, kriegst es aber nicht hin ein Interval zu schreiben?

  14. #14
    Arrogantes Arschloch

    (Threadstarter)

    Avatar von ano.nym
    Registriert seit
    Mar 2020
    Beiträge
    86

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    @KingJamez: Du sollst den Link ja auch an einen Freund per WhatsApp schicken, damit dieser drauf klickt. Dann siehst du wo er sich befindet und er sieht wo du dich befindest.

    Ich wäre vorsichtig mit solchen Aussagen:
    Klingt für mich etwas strange, du setzt techniken wie WebRTC ein, kriegst es aber nicht hin ein Interval zu schreiben?
    Scheinbar hast du nicht ein mal verstanden wozu das ganze dienen soll. An welcher Stelle funktioniert denn das Interval deiner Meinung nach nicht?

    * Die Technologie heißt Web Storage, nicht localstorage.
    Geändert von ano.nym (14.05.20 um 15:08 Uhr)

  15. #15

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    Zitat Zitat von ano.nym Beitrag anzeigen
    @KingJamez: Du sollst den Link ja auch an einen Freund per WhatsApp schicken
    Warum nicht einfach seinen Standort per WhatsApp an seinen Freund schicken? Das ist doch implementiert.

  16. #16
    Arrogantes Arschloch

    (Threadstarter)

    Avatar von ano.nym
    Registriert seit
    Mar 2020
    Beiträge
    86

    Re: Punkt auf Karte anzeigen und alle 0,5 Sekunden updaten

    @c1i: Dann siehst du aber immer noch nicht wo sich dein Freund befindet. Mit meinem Codeschnipsel sehen beide Teilnehmer wo sich jeweils der andere befindet.
    Geändert von ano.nym (14.05.20 um 17:30 Uhr)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •