Posts Tagged ‘OpenLayers’

FollowMe broncode en Android app

vrijdag, augustus 13th, 2010

Zoals beloofd zou ik de broncode van het FollowMe beschikbaar maken, daarom bij deze de git repository.

Er ontbreekt nog het een en ander aan structuur en documentatie en configuratie mogelijkheden (nu moet bijna nog alles in de code gehacked worden). Maar dit gaat hopelijk veranderen! Wel is er al bonus (en proof of concept) een hele simpele android app bijgeleverd, deze is ook verre van af maar je kan je locatie updaten!

Zoals eerder geschreven is dit natuurlijk leuk om te hebben als proof of concept, en het is ook heel leuk als iemand kan volgen waar je op dit moment door Nederland rijd maar meerdere gebruikers is natuurlijk nog leuker. Enkele dingen die even door mijn hoofd spoken:

  • Volgen van meerdere gebruikers
  • Op je telefoon kunnen zien waar je de andere gebruikers zitten
  • Simpel chat protocol tussen gebruikers
  • avatars op de kaart ipv icoontjes
  • Directies krijgen van andere gebruikers (mogelijk van de cordinator): “ga hier eens kijken”
  • Voor de verscheidene mobile apps uiteraard OSM kaartjes
  • Automatische generatie van tracklogs, misschien deze zelfs plotten als overzicht waar al mensen geweest zijn

Kortom genoeg ideeën. Patches zijn uiteraard welkom. Verder zouden appjes voor Windows Mobile, Symbian etc natuurlijk erg welkom zijn!

FollowMe

woensdag, augustus 11th, 2010

Gisteren ontstond op IRC het idee om een simpele tracking applicatie te hebben. Uiteraard waren de ambities erg groot maar om het simpel te maken leek het mij leuk als iedereen het osm-nl team konden volgen wat vandaag afrijst naar eth0.

De server kant was erg eenvoudig, gewoon een php scriptje wat wacht op een post request. Verder om de data te laten zien een simpele openlayers pagina. Deze ververst elke vijf seconde en het bolletje zal zich dan verplaatsen (als de locatie is geupdate).

Dan is er natuurlijk nog de client kant welke updates moet versturen. Ik heb een android telefoon, nu hebben onze vrienden bij google hier een redelijk uitgebreide SDK maar native 64 bit wil die niet draaien. Het is dus nu een webpagina met wat javascript en gebruik van google gears. Het nadeel is dat dit dus enkel werkt zolang de pagina actief is op de telefoon en de telefoon ook niet op standby gaat. Verwacht dus niet de hele trip updates maar het proof of concept is daar 😀

Natuurlijk kan dit principe verder worden uitgebreid. Denk aan mapping parties: waar zijn de andere mappers? Simpele chat functionaliteit. Vanuit een cafe kan iemand met een overizcht goed zien waar alle mappers zitten en aanwijzingen geven. Of denk aan een tripje met de hele familie, met zijn alle naar Centerparcs, jij bent er al, even kijken waar de rest blijft etc. Kortom genoeg mogelijkheden!

Mochten er onder jullie dev zijn voor verscheidene mobile platformen (Android gaarne want die kan ik testen) en heb je tijd om een simpel appje in elkaar te draaien wat deze simpele case (en mogelijk later uitgebreidere use-cases) aan kan aarzel dan niet om even een berichtje achter te laten.

P.s. De source zal vanavond of morgen ochtend beschikbaar komen.

Tile zonder witte vlekken

zondag, februari 28th, 2010

Soms is het vergeten van ‘make install’ best onhandig. Had ik maanden(?) geleden al een fix gemaakt voor het feit dat we witte vlekken kregen op onze tile server was ik het vergeten te installeren. Eigenlijk een triviale aanpassing, in plaats van 504 (gateway timeout) een 404 (not found) naar OpenLayers laten gaan, geeft betere resultaten. De eerste was overigens geen typo.

In ander nieuws; onze held Frenzel (beter bekend als de man die OpenStreetMap.nl op alle platformen aan de praat heeft gekregen) is nu ook begonnen aan het maken een ‘schone’ basis waar vanaf je, je eigen OpenLayers projecten kan beginnen. De voortgang is hier te volgen.

OpenStreetMap goes Google-Wave

vrijdag, november 6th, 2009

Deze week m’n google wave account gekregen dus was het tijd om OpenStreetMap ook daar te introduceren.osm-google-waveVanavond dus maar eens een google wave plugin gemaakt om een map (openlayers) live te showen in een wave. Het samen met skinkie over de kaart pannen en zoomen werkt ook al gedeeltelijk (todat de wave het begaf en ome google vroeg  wat er mis ging 😉

“Everything’s shiny, Cap’n. Not to fret!” Unfortunately, you’ll need to refresh.
Wanna tell Dr. Wave what happened?”

Een wave gadget is in feite een stukje html pagina die je in een xml embed. Vervolgens plaats je deze xml op een server en plakt de link naar de xml in een wave..  e voila een map

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
 <ModulePrefs title="OpenStreetMap" height="300">
 <Require feature="wave" />
 <Require feature="setprefs" />
 <Require feature="opensocial-0.8"/>
</ModulePrefs>
 <UserPref name="loc"
 default_value="{lon: 4.7646, lat: 52.3069, zoom: 12}"
 datatype="hidden" />
<Content type="html">
<![CDATA[
<div id="map" style="width: 100%; height: 100%;"></div>
<script src="http://openlayers.org/dev/OpenLayers.js"" type="text/javascript"></script>
....

Volgende project, potlatch in een wave stoppen en samen editten 😉
(just kidding)

more to come..

de demo wave vinden

in zoekveld intikken:  with:public openstreetmap

OSM kaartjes op je website, appeltje eitje!

donderdag, augustus 13th, 2009

Gister morgen wou een vriend van mij een kaartje op zijn zakelijk website zetten. Hij had wat rond gekeken bij OpenStreetMap maar kon geen eenvoudige manier vinden om gewoon een kaartje met een marker te krijgen zonder vele regels javascript, dus hij koos voor Google Maps. Als fanatieke OSM-er kon ik dit natuurlijk niet laten gebeuren en ik ben dan ook aan de slag gegaan om in zo min mogelijk regels code gewoon een simpel kaartje op de site te toveren.

Na enig geklooi gisteren kwam ik uiteindelijk op 2 regels die hij op zijn site moest toevoegen en 1 regel die hij moest aanpassen. Kortom erg simpel en hij was tevreden!

Maar uiteraard willen wij zoveel mogelijk gebruikers van OpenStreetMap en ik zo veel mogelijk gebruikers van van mijn ochtend coden. Dus heb ik mijn.openstreetmap.nl gemaakt. Het idee is erg simpel brwose de map, klik op de map voor je marker en genereer de (valid) HTML. Nu heeft dus niemand, die enkel een kaartje met zijn marker bij zijn bedrijf, nog een excuus om Google Maps te gebruiken! Geen gezeur met OpenLayers en enkel 3 regels, wat wil je nog meer?

De source is beschikbaar in git. En als er iemand is met wat meer artistiek talent dan ik leef je uit en kom met een kickass-design!

Uiteraard is het geheel nog niet af. Maar het is zo in basis bruikbaar. Ik zat nog te denken aan:

  • geen marker
  • meerdere markers
  • optionele zoombar
  • gepersonaliseerde markers (met bijvoorbeeld het logo van het bedrijf)
  • …..

Al het comentaar is uiteraard welkom!