Quantcast
Channel: Lunkens blogg » GIS
Viewing all articles
Browse latest Browse all 10

Mobil karta i Leaflet och Mapbox till kajakplatser.se

0
0

Jag har suttit och lekt med Leaflet som är ett javascript-bibliotek för att göra lättviktiga kartor som fungerar mycket bra i mobila skärmar som ofta är små och har mindre processorkraft än datorer. Leaflet är Open Source och har en växande användarbas. Flera företag såsom MapBox är mycket aktiva för att vidareutveckla möjligheterna med Leaflet.

Kajakplatser.se är inte så anpassad för mobil skärm och i väntan på Ushahidi version 3.0 så är man hänvisad till appar för Android och iOS vilka i sig fungerar ok men är ganska tunga. Därför ville jag göra en kartlösning som fungerade i alla sorters skärmstorlekar. Kartan har även en geolocation-knapp (hårkorset) som känner av din GPS och zoomar in dig där du är. Jag modifierade även bakgrundskartan (OpenStreetMap) mha MapBox för att få en lugn och trivsam bakgrundskarta. Man kan även välja en annan variant eller Googles flygbilder. Jag lade även till några dela knappar för sociala medier.

Kartan finner man på http://kajakplatser.se/karta och kan bäddas in på andra sidor om man så önskar med hjälp av följande kod med en ”mindre än” i början och ett ”större än” i slutet:

iframe width="100%" height="500px" frameBorder="0" src="http://kajakplatser.se/karta/"></iframe

Kajakplatsers mobila karta

Kajakplatsers mobila karta

Så, välkomna att rapportera in… eller bara använda er av kartan.



Viewing all articles
Browse latest Browse all 10

Latest Images