Webkaartje met Fietstags

Allroads, dat is het volgende projectje, dat kan zeker. Misschien zelfs in dezelfde kaart, maar dan onder een andere +, als je die uitklapt, krijg je een keuze van fietspad geasfalteerd, gravel etc.
Maak jij alvast een begin? :wink:

Kopieer deze files,
http://mijndev.openstreetmap.nl/~ligfietser/fiets/index.html
http://mijndev.openstreetmap.nl/~ligfietser/fiets/noordpass.js
http://mijndev.openstreetmap.nl/~ligfietser/fiets/layerdef.js
http://mijndev.openstreetmap.nl/~ligfietser/fiets/style.css

In layerdef.js staan de tags layers gedefinieerd, die kan je dus aanpassen en veranderen voor bv een surfacelayer.

Even een aanname met het risico dat ik er naast zit :open_mouth:

Allroads wil dat als je in het kaartje klikt op “surface” je gaat naar een nieuw kaartje waar je rechts de checkboxes ziet van allerlei surface tags (en dan wel op de zelfde locatie)

Zo krijg je te zien welke paden /wegen asphalt zijn, unpaved, sand etc. Lijkt me wel een zinvolle optie.

goed aangenomen.

dat je zo wat makkelijker tussen kaartjes kan schakelen, en niet uit twee + boxen alles aan uit moet zetten.

Man, man, ik heb moeite om jullie tempo bij te houden hoe jullie dat allemaal doen, ben net peewee. maw. ik begrijp nog niet alles.

Gedachte, vragen is een, uitvoeren is een ander.

Vol bewondering kijk ik van tweede rang mee.

Ligfietser: de laatste versie heeft een paar kleine wijzigingen ondergaan:

index.html - opgeschoond en de style verplaatst naar style.css
style.css - bevat nu alleen de styles die worden gebruikt
layerdef.js - de lagen zoals ze waren maar ook de kleine functie die openfietskaart gebruikt. Het blok zoals jij maakt staat nog steeds aaneengesloten dus kan zo worden vervangen. Dit bevat dus alle overlay gerelateerde dingen.
noordpass.js - opgeschoond, opmerkingen erbij en aangepast voor popup

Die popup is om gek van te worden maar is nu denk (hoop … ) ik een beetje netjes geworden.
En hij sluit nu uit zichzelf als je op een andere plek klikt.

Ho ho … nu moet je me ook niet onderschatten hoor :wink:
Als je doet wat ligfietser voorstelt komt je er vast wel uit. Even wat key/values wijzigen in de layerdef en je hebt de boel draaiend met surface tags op je PC. Als het er goed uitziet even op een webserver plaatsen en dan kunnen we het allemaal bewonderen. Ik zou zeggen… zet em op allroads. :laughing:

Hoe meer je leert, hoe meer je weet, dat je nog niks weet. :wink:

Bedankt Noordfiets, heb alles weer overgenomen en online geplaatst: http://mijndev.openstreetmap.nl/~ligfietser/fiets/

@ Allroads, ipv meteen aan de scripts te beginnen, open gerust een nieuw topic, met jouw wensen wb de surface tags.
Moet dit alleen voor fietspaden gelden? Aan jouw naam leid ik af dat je alle wegen wil meenemen (of gaat het alleen om de paden en tracks?),
Als de doelgroep niet alleen fietsers betreft, is een aparte layer kaart wel zo verstandig.

Ik denk wel dat je alles per vervoersoort en/of hobby moet scheiden. Anders word het niet overzichtelijk.

Kan mij voorstellen dat mofa en ook moped een eigen tab krijgt. Die leunen nu op/ tegen fietskaarten aan.
Er zijn ook brommersclubs die een route willen maken, daar zou een eigen map of tabmap (onderdeel achter/van de index.html).
Wil je deze doelgroep ook bij het taggen betrekken.

Die moped en mofa tags zitten er nu in omdat deze tags juist de drie soorten fietspaden beschrijven: bromfiets/fietspad, verplicht fietspad en onverplicht fietspad.
Als je op het kaartje kijkt zie je meteen het verschil tussen een mofa=no en een moped=yes fietspad. De ene is perfect voor de fietsrecreant en de laatste is voor de fietsforens die de kortste/snelste weg van A naar B wilt, buiten de bebouwde kom vaak langs drukke wegen waar de fietsrecreant niets te zoeken heeft.

De browserproblemen lijken niet eenvoudig op te lossen. Heb een testversie gemaakt waarin de overpass.js helemaal niet meer gebruikt wordt en dan houdt je hetzelfde. Zowel Opera als IE komen met een foutmelding over een onveilig javascript, op dezelfde regel en kolom in de openlayers.js.
Alle overpass voorbeelden op het net hebben hetzelfde probleem. Via Google genoeg mensen te vinden die ook niet weten hoe ze het op moeten lossen … maar niemand die een antwoord heeft. Bij openlayers zijn ze druk met versie 3 dus daar zal de oplossing ook niet vandaan komen.
Voorlopig laat ik het er dus maar bij, voel me als huis-tuin-en-keuken copy-paster niet geroepen om de openlayers.js te gaan bestuderen en aan passen :roll_eyes:

update: Weliswaar wordt de fout door Opera en IE geconstateerd, maar die treedt op in een patch-functie voor FF …
Het is ook niet de oorzaak van het niet werken. Dat ligt dus toch in de ‘veilige’ browser IE. Zet ik alle beveiliging uit dan werkt het.
De enige oplossing zal dus zijn via een php script de data van overpass-api op te halen en als ‘eigen’ data te presenteren. Dat levert wel als nadeel dat alle date over mijn ( of ligfietsers ) server loopt.

Voor wie het testen wil: IE9, menu extra-opties tab beveiliging, vertrouwde websites, bij websites serververificatie uitschakelen, dan de site "http://server.mijneigen.net’ ( of "http://mijndev.openstreetmap.nl’ voor de ligfietser versie ) toevoegen > sluiten. Dan de schuif helemaal naar beneden en vinkje bij beveiligde modus aan > OK. IE herstarten en de kaart of ligfietser’s kaartbekijken.

Laat weten of het dan wel werkt !

Wordt vervolgd …

Ho … het is geen kaart om te bekijken maar een kaart om de tags te controleren van bekende wegen.
Zie je iets wat je vreemd voorkomt dan kun je via de links dat direkt editten.

Als je een aparte versie voor de surface-tags maakt kun je hooguit een aantal vaste waarden op een laag laten zien ( concrete, cobblestone, sand, wood (*), gravel, shell etc. ) Maar helaas worden er erg veel ‘bedachte’ surface tags gebruikt. Die kun je dan onder ‘de rest’ zetten maar dan moet je per weg controleren welke tags er aan hangen.
Als de popup ook de wegeigenschappen kan laten zien ( en daar wordt aan gewerkt ) dan zou het nog iets kunnen worden.

(*) In tegenstelling tot wat veel beweren bestaat dat echt: een fietspad met houtsnippers. Fietsweerstand is vergelijkbaar met windkracht 8 :stuck_out_tongue:

Hier een lijstje met alle surface=* van de Benelux e.o (OSM extract van 10/11/2012).
NB: Deze lijst is nog niet gefilterd op highways, dus het zou ook andere elementen kunnen betreffen (buildings?)

Die laatste is leuk: surface=yes :wink:

surface=asphalt;dogshit :laughing:

Voor wie het testen wil: IE9, menu extra-opties tab beveiliging, vertrouwde websites, bij websites serververificatie uitschakelen, dan de site "http://server.mijneigen.net’ ( of "http://mijndev.openstreetmap.nl’ voor de ligfietser versie ) toevoegen > sluiten. Dan de schuif helemaal naar beneden en vinkje bij beveiligde modus aan > OK. IE herstarten en de kaart of ligfietser’s kaartbekijken.

Laat weten of het dan wel werkt !

Bij mij werkt het.
Nu zie ik pas wat, eerst zag ik alleen de fietsroutes van ligfietser.
mvrgr jan.

Noordfiets, zou het mogelijk zijn je eigen gpx file in te voeren?
Er zou dan een invoerveld in de kaart geplaatst kunnen worden waar je een gpx file kunt specificeren die dan als layer wordt getoond, zoals in onderstaand voorbeeld:
http://wiki.openstreetmap.org/wiki/Openlayers_Track_example

Noordfiets heeft de grootste aanzet gegeven tot popup gebruik, …

voor in noordpass.js

//	  popup.contentSize = new OpenLayers.Size(200, 200);
	  var link = "<div STYLE=\"margin:0px 0px 0px 0px;font-size: 10pt;\"><a href=\"http://www.openstreetmap.org?lat=" + lonlat.lat + "&lon=" + lonlat.lon + "&zoom=17\" target=\"_blank\">VIEW area on OSM.ORG</a><br><br>";
	  link = link + "<a href=\"https://maps.google.nl/maps?ll=" + lonlat.lat + "," + lonlat.lon + "&t=h&z=17\" target=\"_blank\">VIEW area on Google Maps with Streetview</a><br>";
	  link = link + "<a href=\"http://www.bing.com/maps/?v=2&cp=" + lonlat.lat + "~" + lonlat.lon + "&lvl=17&dir=0&sty=h&form=LMLTCC\" target=\"_blank\">VIEW area on Bing Maps Aerial</a><br><br>";	  
	  link = link + "<a href=\"http://www.openstreetmap.org/edit?editor=potlatch2&lat=" + lonlat.lat + "&lon=" + lonlat.lon + "&zoom=17\" target=\"_blank\">EDIT in POTLATCH 2</a><br>";
	  link = link + "<a href=\"http://www.openstreetmap.org/edit?lat=" + lonlat.lat + "&lon=" + lonlat.lon + "&zoom=17\" target=\"_blank\">EDIT in POTLATCH 1</a><br><br>";	

	  var area = 0.01
	  var ctop = lonlat.lat + area;
	  var cbottom = ctop - (2 * area);
	  var cleft = lonlat.lon - area;
	  var cright = cleft + (2 * area); 
	  
	  link = link + "<a href=\"http://localhost:8111/load_and_zoom?top=" + ctop + "&bottom=" + cbottom + "&left=" + cleft + "&right=" + cright + "\" target=\"_blank\">EDIT in JOSM</a><br><div STYLE=\"font-size: 7pt;\">&nbsp;(Local pc, first start JOSM program)&nbsp</div>";
	  link = link + "<div STYLE=\"font-size: 7pt;\"><a href=\"http://wiki.openstreetmap.org/wiki/JOSM/Plugins/RemoteControl\" target=\"_blank\">(info about JOSM plugin)</a></div>"
	  link = link + "</b></div>";
	  popup.contentHTML = link;

	  map.addPopup(popup,true);

dus met links naar GM streetview en Bing maps aerial

Het word leuker.
Van Mapsource met weblinks: gelijk door naar OSM Cyclewaystag en dan naar potlatch of JOSM.

file genaamd: 01OSMcyclewaytags.wlx
(01 ervoor dan komt hij mooi bovenaan staan in de weblik lijst)
Mapsource–Bewerken–Voorkeuren–Weblinks–Weblink toevoegen

<?xml version="1.0" encoding="UTF-8"?>
<weblink xmlns="http://www.garmin.com/xmlschemas/WebLinkExtensions/v1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.garmin.com/xmlschemas/WebLinkExtensions/v1
http://www.garmin.com/xmlschemas/WebLinkExtensionsv1.xsd">
	<displayName>
        <token xsi:type="LocalizedLiteral_t">
            <content language="ENU" string="Control and edit on OSM Cycleway tags"/>        
            <content language="NLD" string="Controleer en edit op OSM Cycleway tags"/>        
	</token>
	</displayName>
	<wlxNamespace>www.garmin.com/xmlschemas/WebLinkExtensions/Openfietskaart</wlxNamespace>
	<version>2</version>
	<supportedLanguages>
		<supportedLanguage>ENU</supportedLanguage>
		<supportedLanguage>NLD</supportedLanguage>
	</supportedLanguages>
	<url>
		<token xsi:type="Literal_t" content="http://mijndev.openstreetmap.nl/~ligfietser/fiets/?zoom=14"/>
		<token xsi:type="Literal_t" content="&lat="/>
		<token xsi:type="Value_t" format="LAT_DEFAULT"/>
		<token xsi:type="Literal_t" content="&lon="/>
		<token xsi:type="Value_t" format="LON_DEFAULT"/>
		<token xsi:type="Literal_t" content="layers=B00TTTTTTTTTTTTTTTF"/>
		
			</url>
</weblink>

Bij mij werkt het maar is wel tragen dan FF.