Standortbestimmung und Positionsanzeige meines Fahrrads

Standortbestimmung und Positionsanzeige meines FahrradsEine Aktualisierung erfolgt nur während der Fahrradtouren, derzeit ist der Peilsender deaktiviert.Am EndeAm Ende eines Fahrradtages aktualisiere ich meine GPS-Daten mit dem Smartphone auf meiner Homepage. Der angezeigte Kartenausschnitt wird auf Basis der Positionsdaten ermittelt und zeigt meinen Standort in Form einer blauen Fahne an. ._ERbj1g7D { position: relative; } ._GwlbZrJE { font-size: 1em; vertical-align: middle; text-align: center; width: auto; height: auto; } ._GwlbZrJE--diamond, ._GwlbZrJE--circle, ._GwlbZrJE--square { width: 50px; height: 50px; line-height: 50px; border: 1px solid; } ._GwlbZrJE--circle { border-radius: 100%; } ._GwlbZrJE--diamond { transform: rotate(45deg); -webkit-transform: rotate(45deg); } ._GwlbZrJE--diamond:before { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } ._VWvqNvR9 { vertical-align: middle; } ._qaQP6rvk > a { color: inherit !important; } ._qaQP6rvk > span { font-weight: inherit; } ._qaQP6rvk { word-break: break-word; } ._qaQP6rvk__icon--none i, ._qaQP6rvk__icon--left i { margin-right: 0.3em; } ._qaQP6rvk__icon--right i { margin-left: 0.3em; } ._qaQP6rvk__icon--top i { margin-bottom: 0.5em; } ._qaQP6rvk__icon--top > span, ._qaQP6rvk__icon--top > a, ._qaQP6rvk__icon--top > span[data-empty][contenteditable] { display: block; } ._qaQP6rvk [class*="--diamond"] { margin-right: 1em; } ._7XqAY8_A > span:last-child { line-height: inherit; } ._7XqAY8_A[class*="dropcap--"] > span:first-child { display: block; margin-right: 10px; float: left; font-size: 2em; background: #919da9; color: black; width: 50px; height: 50px; line-height: 50px; } ._7XqAY8_A[class*="dropcap--"]:not(.dropcap--none) > span:first-child { margin-right: 20px; text-align: center; } ._7XqAY8_A.dropcap--none > span:first-child { text-align: inherit; line-height: 1 !important; width: auto !important; height: auto !important; background: none !important; border-radius: 0; } ._7XqAY8_A.dropcap--circle > span:first-child { border-radius: 100%; } ._7XqAY8_A:not([class*="dropcap--"]) > span { margin-right: 0 !important; } ._7XqAY8_A ol, ._7XqAY8_A ul { list-style-position: inside; } ._7XqAY8_A blockquote { font-size: inherit; } ._NYd6gvae { position: relative; } ._O689JW7n { position: relative; } ._pDNE0kYl { position: relative; } ._pDNE0kYl { margin: 0 -15px; } ._DblQBlAM { position: relative; } ._DblQBlAM { clear: both; } ._DblQBlAM[data-parallax="true"] { position: relative; background: none !important; } ._DblQBlAM__parallax { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; background-size: cover !important; background-repeat: no-repeat; } ._DblQBlAM { box-sizing: border-box; padding: 15px 0; position: relative; } ._DblQBlAM[data-container] ._DblQBlAM__container { padding-left: 15px; padding-right: 15px; width: auto; margin: auto; box-sizing: border-box; } ._DblQBlAM .pf-parallax__img { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } ._epNwrNGv { position: relative; overflow: hidden; display: inline-flex; justify-content: flex-start; align-items: flex-start; vertical-align: middle; max-width: 100%; } ._epNwrNGv picture { width: 100%; } ._epNwrNGv img { display: inline-block; object-fit: cover; max-width: 100%; max-height: 100%; height: auto; text-align: center; width: 100%; vertical-align: middle; position: unset; } ._epNwrNGv img.pf-placeholder-svg{ min-width: 150px; } ._epNwrNGv.image--rounded { border-radius: 10px; } ._epNwrNGv.image--circle { border-radius: 100%; } ._epNwrNGv[data-action], ._epNwrNGv[data-event] { cursor: pointer; } @media all { .__pf_t0zzld ._kyo2hvpP[data-id="_kyo2hvpP"] { margin-top: 0px; } .__pf_t0zzld .__VKYfR_Z[data-id="__VKYfR_Z"] { text-align: center; } .__pf_t0zzld ._jXrnfYe2[data-id="_jXrnfYe2"] { text-align: center; } .__pf_t0zzld ._9rP8CwjY[data-id="_9rP8CwjY"] { padding-top: 0px; } .__pf_t0zzld ._Xv7LHywb[data-id="_Xv7LHywb"] { border-style: solid; border-width: 3px; border-color: rgb(113, 127, 142); border-radius: 100%; } .__pf_t0zzld ._xz_mUN1J[data-id="_xz_mUN1J"] { text-align: center; } .__pf_t0zzld ._0ZJJhVaZ[data-id="_0ZJJhVaZ"] { padding-top: 0px; padding-left: 0px; padding-right: 0px; } .__pf_t0zzld ._0ZJJhVaZ[data-id="_0ZJJhVaZ"] ._2dknaNM0 { font-size: 1em; } .__pf_t0zzld ._o3nnU223[data-id="_o3nnU223"] { text-align: left; padding-top: 60px; padding-left: 40px; padding-right: 40px; } .__pf_t0zzld ._W9BzIajm[data-id="_W9BzIajm"] { margin: 0px -6px; } .__pf_t0zzld ._1mg2C9rX[data-id="_1mg2C9rX"] { padding-top: 20px; padding-bottom: 15px; margin-left: -15px; margin-right: -15px; } .__pf_t0zzld ._XYknhGzy[data-id="_XYknhGzy"] { margin-bottom: 0px; } .__pf_t0zzld ._ajpaIloj[data-id="_ajpaIloj"] { margin: 0px -7.5px; } .__pf_t0zzld ._4j8YCGyd[data-id="_4j8YCGyd"] { padding-bottom: 0px; margin-bottom: -60px; } } @media only screen and (max-width: 767px) { } @media only screen and (min-width: 768px) and (max-width: 991px) { } @media only screen and (min-width: 992px) and (max-width: 1199px) { } @media only screen and (min-width: 1200px) { }

Standortbestimmung und Positionsanzeige meines Fahrrads

Fahrradauszeit

Tourenübersicht

mehr Infos