OSM: Scroll-Problem bei interaktiver Landkarte – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self OSM: Scroll-Problem bei interaktiver Landkarte Sat, 13 Jul 19 13:56:45 Z https://forum.selfhtml.org/self/2019/jul/13/osm-scrollproblem-bei-interaktiver-landkarte/1752919#m1752919 https://forum.selfhtml.org/self/2019/jul/13/osm-scrollproblem-bei-interaktiver-landkarte/1752919#m1752919 <p>Moin,</p> <p>eine interaktive Landkarte kann verschoben werden. Ich arbeite mit OpenStreetMap.</p> <p>Problem: Wenn die Karte den ganzen View ausfüllt (Smartphone), kann man die <strong>Seite</strong> nicht mehr scrollen, weil sich das Scrollen auf die Karte bezieht.</p> <p>Soweit ich weiß, wird bei Google Maps der Hinweis eingeblendet, dass man zum Verschieben der <strong>Karte</strong> zusätzlich die Taste [Strg] drücken muss. Der normale Schub wirkt <strong>bei Google</strong> also auf die Seite, nicht auf die Karte.</p> <p>Bei meinem billigen Smartphone wurde diese Taste leider eingespart </p> <p>Zurück zu OSM: Was kann ich als Webmaster machen, damit die Seite scrollbar bleibt, wenn ich nicht ausserhalb der Karte wischen kann?</p> <p>Gruß, Linuchs</p> <p>P.S. Die problematsche Seite macht kein Problem auf "ordentlichen" breiten Bildschirmen. Bitte mit Smartphone testen.</p> OSM: Scroll-Problem bei interaktiver Landkarte Sat, 13 Jul 19 22:27:44 Z https://forum.selfhtml.org/self/2019/jul/13/osm-scrollproblem-bei-interaktiver-landkarte/1752974#m1752974 https://forum.selfhtml.org/self/2019/jul/13/osm-scrollproblem-bei-interaktiver-landkarte/1752974#m1752974 <p>Hallo</p> <p>im Leaflet-Artikel im Blog beschreibe ich, was du machen musst.</p> <pre><code class="block language-javascript"><span class="token keyword">var</span> map <span class="token operator">=</span> <span class="token constant">L</span><span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token string">'map'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token literal-property property">layers</span><span class="token operator">:</span> osm<span class="token punctuation">,</span> <span class="token literal-property property">tap</span><span class="token operator">:</span> <span class="token boolean">false</span> <span class="token punctuation">}</span> <span class="token punctuation">)</span> <span class="token punctuation">;</span> </code></pre> <p>Gruß<br> Jürgen</p>