https://melvins-fietsvinder.lovable.app/maak/tekenen

1<!DOCTYPE html><html lang="nl"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/assets/logo-melvins-BHXwA6B_.svg"/><link rel="stylesheet" href="/assets/styles-BYLe1H6y.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&amp;family=Oxygen:wght@300;400;700&amp;display=swap" data-precedence="default"/><link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" crossorigin="" data-precedence="default"/><title>Zelf een route tekenen — Melvins Routeplanner</title><meta name="author" content="Melvins Tweewielers"/><meta property="og:title" content="Routeplanner — een mooi rondje fietsen"/><meta property="og:description" content="Kies een route van Melvin of maak zelf een rondje. Zet uw route in een paar tikken op uw Bosch eBike."/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="theme-color" content="#f7f5f1"/><meta name="twitter:title" content="Routeplanner — een mooi rondje fietsen"/><meta name="twitter:description" content="Kies een route van Melvin of maak zelf een rondje. Zet uw route in een paar tikken op uw Bosch eBike."/><meta property="og:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/272b4109-d827-4335-b832-2a70002a2ac4/id-preview-6d17ea35--d1422a65-75db-4400-9153-f45e3f3da0bc.lovable.app-1783285527362.png"/><meta name="twitter:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/272b4109-d827-4335-b832-2a70002a2ac4/id-preview-6d17ea35--d1422a65-75db-4400-9153-f45e3f3da0bc.lovable.app-1783285527362.png"/><meta name="description" content="Teken uw eigen fietsroute door knooppunten aan te tikken, of tik zelf punten op de kaart."/><link rel="modulepreload" href="/assets/index-IGbovXF4.js"/><link rel="modulepreload" href="/assets/chunk-Bh1tDfsg.js"/><link rel="modulepreload" href="/assets/logo-melvins-kVihqlM-.js"/><link rel="modulepreload" href="/assets/redirect-C-eRQtnH.js"/><link rel="modulepreload" href="/assets/createServerFn-C6x18aTw.js"/><link rel="modulepreload" href="/assets/jsx-runtime-BpRO-UL9.js"/><link rel="modulepreload" href="/assets/maak.tekenen-DgYZGeMT.js"/><link rel="modulepreload" href="/assets/login-modal-BOf66c0t.js"/><link rel="modulepreload" href="/assets/page-EdfJ3zd6.js"/><link rel="modulepreload" href="/assets/gpx-OwMvrQgs.js"/><link rel="icon" href="/favicon.png" type="image/png"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/>

1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>

1</head><body><!--$--><div class="mp-page" style="padding-bottom:calc(72px + env(safe-area-inset-bottom))"><header class="mp-masthead"><div class="mp-container mp-masthead-inner"><a aria-label="Melvins Tweewielers — naar start" href="/" class="mp-masthead-logo"><img src="/assets/logo-melvins-BHXwA6B_.svg" alt="Melvins Tweewielers" width="40" height="40"/></a><div class="mp-masthead-actions"></div></div></header><main class="mp-main"><div class="mp-container"><p class="mp-kicker">Zelf een route tekenen</p><h1 class="mp-headline" style="margin-top:1rem">Tik uw <em>rondje</em> bij elkaar</h1><p style="margin-top:.75rem;color:var(--muted-foreground);font-size:1.05rem">Tik op de groene knooppunt-nummertjes op de kaart. De app plakt er automatisch de route tussen.</p><div class="mp-toggle" role="tablist" aria-label="Manier van tekenen" style="margin-top:1.25rem"><button role="tab" aria-selected="true" class="mp-toggle-btn is-on">Knooppunten</button><button role="tab" aria-selected="false" class="mp-toggle-btn ">Vrij tekenen</button></div><div style="margin-top:1rem"><div class="mp-map-frame"><div style="height:520px;width:100%" aria-label="Tekenkaart" role="application"></div></div></div><div class="mp-teken-actions" style="margin-top:.75rem"><button type="button" class="mp-teken-action" disabled="" aria-label="Laatste punt weghalen"><span aria-hidden="true" style="font-size:1.5rem;line-height:1">↶</span><span>Terug</span></button><button type="button" class="mp-teken-action" disabled="" aria-label="Rondje sluiten door terug te gaan naar het startpunt"><span aria-hidden="true" style="font-size:1.5rem;line-height:1">⟲</span><span>Sluit rondje</span></button><button type="button" class="mp-teken-action" disabled="" aria-label="Alles wissen en opnieuw beginnen"><span aria-hidden="true" style="font-size:1.5rem;line-height:1">✕</span><span>Wissen</span></button></div><div class="mp-summary" style="margin-top:1rem"><div><div class="mp-micro">Punten</div><div class="mp-summary-value">0</div></div><div><div class="mp-micro">Afstand</div><div class="mp-summary-value">—</div></div><div><div class="mp-micro">Tijd (18 km/u)</div><div class="mp-summary-value">—</div></div></div><div class="mp-teken-save" style="margin-top:1.5rem"><label class="mp-micro" for="rname">Naam van uw rondje</label><input id="rname" class="mp-input" maxLength="80" value="Mijn eigen rondje"/><label class="mp-check" style="margin-top:.75rem"><input type="checkbox"/><span>Maak een deel-link zodat u de route naar iemand kunt sturen</span></label><button class="mp-btn-primary" disabled="" style="margin-top:1rem;width:100%;min-height:60px;font-size:1.1rem">Bewaar rondje &amp; download op eBike</button></div><p style="margin-top:2rem"><a href="/" class="mp-back">← Terug naar begin</a></p></div></main><footer class="mp-footer" style="margin-top:auto;padding:3rem 0 2rem"><div class="mp-container"><img src="/assets/logo-melvins-BHXwA6B_.svg" alt="Melvins Tweewielers" width="160" height="72" style="height:64px;width:auto;display:block;margin-bottom:1.25rem;filter:brightness(0) invert(1)"/><div style="display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;margin-top:1rem"><div><p class="mp-micro" style="color:#c7bfb3;margin-bottom:.5rem">Winkel</p><p style="margin:0">Stationsweg 197<br/>5807 AB Oostrum</p></div><div><p class="mp-micro" style="color:#c7bfb3;margin-bottom:.5rem">Contact</p><p style="margin:0"><a href="tel:0478712067">0478 - 712067</a><br/><a href="mailto:[email protected]">[email protected]</a></p></div><div><p class="mp-micro" style="color:#c7bfb3;margin-bottom:.5rem">Sinds</p><p class="mp-number" style="margin:0;font-size:1.4rem;font-style:italic">2010</p></div></div><hr class="mp-hairline" style="border-top-color:rgba(255,255,255,.15);margin-top:2rem"/><p style="margin-top:1.25rem;color:#c7bfb3;font-size:.9rem">Routeplanner — een service van Melvins Tweewielers, uw e-bike specialist.</p></div></footer><nav class="fixed bottom-0 left-0 right-0 z-[1000] bg-white border-t border-black/5" style="padding-bottom:env(safe-area-inset-bottom)" aria-label="Hoofdnavigatie"><ul class="flex items-stretch justify-around px-1 pt-2 pb-2"><li class="flex-1"><a href="/" style="color:#8a8580;font-weight:500;text-decoration:none" class="flex flex-col items-center gap-1 py-1.5"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12l9-9 9 9"></path><path d="M5 10v10a1 1 0 001 1h4v-6h4v6h4a1 1 0 001-1V10"></path></svg><span class="text-[10px] leading-none">Home</span></a></li><li class="flex-1"><a href="/rondjes" style="color:#8a8580;font-weight:500;text-decoration:none" class="flex flex-col items-center gap-1 py-1.5"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="5.5" cy="17.5" r="3.5"></circle><circle cx="18.5" cy="17.5" r="3.5"></circle><path d="M15 6l3 5-5 3-3-5 5-3z"></path></svg><span class="text-[10px] leading-none">Rondjes</span></a></li><li class="flex-1"><a href="/maak/start" style="color:#8a8580;font-weight:500;text-decoration:none" class="flex flex-col items-center gap-1 py-1.5"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M12 8v8M8 12h8"></path></svg><span class="text-[10px] leading-none">Maak zelf</span></a></li><li class="flex-1"><a class="flex flex-col items-center gap-1 py-1.5 active" href="/maak/tekenen" style="color:var(--red);font-weight:700;text-decoration:none" data-status="active" aria-current="page"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4 12.5-12.5z"></path></svg><span class="text-[10px] leading-none">Tekenen</span></a></li><li class="flex-1"><a href="/mijn-routes" style="color:#8a8580;font-weight:500;text-decoration:none" class="flex flex-col items-center gap-1 py-1.5"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2z"></path></svg><span class="text-[10px] leading-none">Mijn routes</span></a></li></ul></nav></div>

1<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>

1<!--/$-->

1<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-IGbovXF4.js","/assets/chunk-Bh1tDfsg.js","/assets/logo-melvins-kVihqlM-.js","/assets/redirect-C-eRQtnH.js","/assets/createServerFn-C6x18aTw.js","/assets/jsx-runtime-BpRO-UL9.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-IGbovXF4.js"}}]},"/maak/tekenen":$R[8]={preloads:$R[9]=["/assets/maak.tekenen-DgYZGeMT.js","/assets/login-modal-BOf66c0t.js","/assets/page-EdfJ3zd6.js","/assets/gpx-OwMvrQgs.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1790998363897,s:"success",ssr:!0},$R[12]={i:"�maak�tekenen�maak�tekenen",u:1790998363897,s:"success",ssr:!0}],lastMatchId:"�maak�tekenen�maak�tekenen"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>

1<script type="module" async="" src="/assets/index-IGbovXF4.js"></script>

1</body></html>