Att visa upp en karta - Versionshistorik

PGJ den 23 oktober 2021 kl. 09.56

2021-10-23T09:56:23Z

← Äldre version		Versionen från 23 oktober 2021 kl. 09.56
Rad 3:		Rad 3:
	== Google Maps ==		== Google Maps ==

	Google Maps var en av de tidigaste tjänsterna som erbjöd ett API som möjliggjorde att användare kunde använda sig av deras karttjänst. Dock så är inte Google Maps helt fri~~, dels~~ styr Google över vad man får och inte får göra, dels så kostar tjänsten pengar från och med att din applikation genomför ett visst antal anrop mot deras API. Visserligen är gränsen rätt så hög, cirka 25000 anrop per dag...		Google Maps var en av de tidigaste tjänsterna som erbjöd ett API som möjliggjorde att användare kunde använda sig av deras karttjänst. Dock så är inte Google Maps helt fri. Dels styr Google över vad man får och inte får göra, dels så kostar tjänsten pengar från och med att din applikation genomför ett visst antal anrop mot deras API. Visserligen är gränsen rätt så hög, cirka 25000 anrop per dag...

	Man kan göra mycket roligt med Google Maps, men vi ska titta närmare på ett annat öppet och gratis alternativ.		Man kan göra mycket roligt med Google Maps, men vi ska titta närmare på ett annat öppet och gratis alternativ.
Rad 16:		Rad 16:
	Det finns några olika bibliotek som tillhandahåller API:n avsedda för att hantera geografisk data. Man kan använda dessa för att visa upp kartdata och man kan även göra tillägg till vad som visas på kartan. Kanske du vill markera intressepunkter på kartan, märka ut ett område eller slå på/av olika detaljer i kartan.		Det finns några olika bibliotek som tillhandahåller API:n avsedda för att hantera geografisk data. Man kan använda dessa för att visa upp kartdata och man kan även göra tillägg till vad som visas på kartan. Kanske du vill markera intressepunkter på kartan, märka ut ett område eller slå på/av olika detaljer i kartan.

	Det finns två bibliotek som skiljer sig ~~ifrån~~ mängden och det är [http://leafletjs.com/ Leaflet] och [http://openlayers.org/ OpenLayers]. Bägge två har ungefär samma funktionalitet och bägge fungerar bra med data ifrån Open Street Map. Leaflet-biblioteket är dock något mindre och i vissa fall enklare att komma igång med. Vi ska därför gå igenom hur man använder sig av Leaflet. Om du har stora krav på rejäl, komplex [[GIS]]-funktionalitet, så kanske OpenLayer är ett bättre alternativ för dig. Inte heller det är så svårt att komma igång med, men vi kommer bara att täcka ett kartbibliotek här…		Det finns två bibliotek som skiljer sig från mängden och det är [http://leafletjs.com/ Leaflet] och [http://openlayers.org/ OpenLayers]. Bägge två har ungefär samma funktionalitet och bägge fungerar bra med data ifrån Open Street Map. Leaflet-biblioteket är dock något mindre och i vissa fall enklare att komma igång med. Vi ska därför gå igenom hur man använder sig av Leaflet. Om du har stora krav på rejäl, komplex [[GIS]]-funktionalitet, så kanske OpenLayer är ett bättre alternativ för dig. Inte heller det är så svårt att komma igång med, men vi kommer bara att täcka ett kartbibliotek här…

	Vi ska därför titta närmare på hur man använder sig av Leaflet.		Vi ska därför titta närmare på hur man använder sig av Leaflet.

PGJ den 6 januari 2019 kl. 12.09

2019-01-06T12:09:32Z

← Äldre version		Versionen från 6 januari 2019 kl. 12.09
Rad 1:		Rad 1:
	Många typer av applikationer använder sig av kartor. ~~Det kan vara för att~~ man vill ~~göra alltifrån att~~ visa vägen till någon plats ~~till~~ att man vill visualisera någon typ av data rent geografiskt. Användningsområdena är talrika.		Många typer av applikationer använder sig av kartor. Kanske man vill visa vägen till någon plats eller att man vill visualisera någon typ av data rent geografiskt. Användningsområdena är talrika.

	== Google Maps ==		== Google Maps ==

	Google Maps var en av de tidigaste tjänsterna som erbjöd ett API som möjliggjorde att ~~man~~ kunde använda deras karttjänst. Dock så är inte Google Maps helt fri, dels styr Google ~~rätt mycket~~ över vad man får och inte får göra ~~och~~ dels så kostar tjänsten pengar från och med att din applikation genomför ett visst antal anrop mot deras API. Visserligen är ~~idag~~ gränsen ~~för webbapplikationer~~ 25000 anrop per dag...		Google Maps var en av de tidigaste tjänsterna som erbjöd ett API som möjliggjorde att användare kunde använda sig av deras karttjänst. Dock så är inte Google Maps helt fri, dels styr Google över vad man får och inte får göra, dels så kostar tjänsten pengar från och med att din applikation genomför ett visst antal anrop mot deras API. Visserligen är gränsen rätt så hög, cirka 25000 anrop per dag...

	Man kan göra mycket roligt med Google Maps, men vi ska titta närmare på ett annat öppet alternativ.		Man kan göra mycket roligt med Google Maps, men vi ska titta närmare på ett annat öppet och gratis alternativ.

	== Open Street Map ==		== Open Street Map ==

	Här på Webbling gillar vi [[Öppen data]] och vi ska titta på ett öppet alternativ för kartor. [http://www.openstreetmap Open Street Maps] är en bra resurs som man kan använda i sina webbapplikationer. Open Street Map är en community-skapad karttjänst. Vem som helst kan bidra med detaljer för kartorna och all data är [[Öppen data]]. Det enda som krävs är att du anger att din kartdata har ~~hämtats ifrån~~ Open Street Map.		Här på Webbling gillar vi [[Öppen data]] och vi ska titta på ett öppet alternativ för kartor. [http://www.openstreetmap Open Street Maps] är en bra resurs som man kan använda i sina webbapplikationer. Open Street Map är en community-skapad karttjänst. Vem som helst kan bidra med detaljer för kartorna och all data är [[Öppen data]]. Det enda som krävs är att du anger att din kartdata har tillhandahållits av Open Street Map.

	I vissa fall har Open Street Map mer detaljerad information än Google Map, i andra fall fattas en hel del. De frivilliga bidragsgivarna i ~~communityt~~ verkar gilla att lägga till detaljer i sin närmaste omgivning. ~~Men finns~~ ingen entusiast i området, kanske kartan är mer spartansk ~~där~~. Prova på att gå till [http://www.openstreetmap sajten] och sök upp din stad, så du får se vilken data som finns tillgänglig. Känner du för att redigera kartan är det bara att registrera ett konto på sajten och dra igång med din nya karriär som kartograf...		I vissa fall har Open Street Map mer detaljerad information än Google Map, i andra fall fattas en hel del. De frivilliga bidragsgivarna i deras community verkar gilla att lägga till detaljer i sin närmaste omgivning. Finns det ingen entusiast i området, kanske kartan är mer spartansk i det området. Prova på att gå till [http://www.openstreetmap] sajten och sök upp din stad, så du får se vilken data som finns tillgänglig. Känner du för att redigera kartan är det bara att registrera ett konto på sajten och dra igång med din nya karriär som kartograf...

	== Kartor och JavaScript ==		== Kartor och JavaScript ==
	Det finns några olika bibliotek som tillhandahåller API:n avsedda för att hantera geografisk data. Man kan använda dessa för att visa upp kartdata~~, men~~ man kan även göra tillägg till vad som visas på kartan. Kanske du vill markera intressepunkter på kartan, märka ut ett område eller slå på/av olika ~~lager~~ i kartan.		Det finns några olika bibliotek som tillhandahåller API:n avsedda för att hantera geografisk data. Man kan använda dessa för att visa upp kartdata och man kan även göra tillägg till vad som visas på kartan. Kanske du vill markera intressepunkter på kartan, märka ut ett område eller slå på/av olika detaljer i kartan.

	Det finns två bibliotek som skiljer sig ifrån mängden och det är [http://leafletjs.com/ Leaflet] och [http://openlayers.org/ OpenLayers]. Bägge två har ungefär samma funktionalitet och bägge fungerar bra med data ifrån Open Street Map. Leaflet-biblioteket är dock något mindre och i vissa fall enklare att komma igång med. Vi ska därför gå igenom hur man använder sig av Leaflet. Om du har stora krav på rejäl, komplex [[GIS]]-funktionalitet, så kanske OpenLayer är ett bättre alternativ för dig. Inte heller det är så svårt att komma igång med, men vi kommer bara att täcka ett kartbibliotek här…		Det finns två bibliotek som skiljer sig ifrån mängden och det är [http://leafletjs.com/ Leaflet] och [http://openlayers.org/ OpenLayers]. Bägge två har ungefär samma funktionalitet och bägge fungerar bra med data ifrån Open Street Map. Leaflet-biblioteket är dock något mindre och i vissa fall enklare att komma igång med. Vi ska därför gå igenom hur man använder sig av Leaflet. Om du har stora krav på rejäl, komplex [[GIS]]-funktionalitet, så kanske OpenLayer är ett bättre alternativ för dig. Inte heller det är så svårt att komma igång med, men vi kommer bara att täcka ett kartbibliotek här…

PGJ: /* Kartor och JavaScript */

2016-01-07T13:13:26Z

Kartor och JavaScript

← Äldre version		Versionen från 7 januari 2016 kl. 13.13
Rad 14:		Rad 14:

	== Kartor och JavaScript ==		== Kartor och JavaScript ==
	Det finns några olika bibliotek som tillhandahåller API:n avsedda för att hantera geografisk data. Man kan använda dessa för att visa upp ~~kart data~~, men man kan även göra tillägg ~~i kartdatan~~. Kanske du vill markera intressepunkter på kartan, märka ut ett område eller slå på/av olika lager i kartan.		Det finns några olika bibliotek som tillhandahåller API:n avsedda för att hantera geografisk data. Man kan använda dessa för att visa upp kartdata, men man kan även göra tillägg till vad som visas på kartan. Kanske du vill markera intressepunkter på kartan, märka ut ett område eller slå på/av olika lager i kartan.

	Det finns två bibliotek som ~~står ut bland andra~~ och det är [http://leafletjs.com/ Leaflet] och [http://openlayers.org/ OpenLayers]. Bägge två har ungefär samma funktionalitet och bägge fungerar bra med data ifrån Open Street Map. Leaflet-biblioteket är dock något mindre och i vissa fall enklare att komma igång med. Vi ska därför gå igenom hur man använder sig av Leaflet. Om du har stora krav på rejäl, komplex GIS-funktionalitet, så kanske OpenLayer är ett bättre alternativ för dig. Inte heller det är så svårt att komma igång med, men vi kommer bara att täcka ett kartbibliotek här…		Det finns två bibliotek som skiljer sig ifrån mängden och det är [http://leafletjs.com/ Leaflet] och [http://openlayers.org/ OpenLayers]. Bägge två har ungefär samma funktionalitet och bägge fungerar bra med data ifrån Open Street Map. Leaflet-biblioteket är dock något mindre och i vissa fall enklare att komma igång med. Vi ska därför gå igenom hur man använder sig av Leaflet. Om du har stora krav på rejäl, komplex [[GIS]]-funktionalitet, så kanske OpenLayer är ett bättre alternativ för dig. Inte heller det är så svårt att komma igång med, men vi kommer bara att täcka ett kartbibliotek här…

	Vi ska därför titta närmare på hur man använder sig av Leaflet.		Vi ska därför titta närmare på hur man använder sig av Leaflet.

	== Nästa aktivitet ==		== Nästa aktivitet ==
	[[Att komma igång med Leaflet]]		[[Att komma igång med Leaflet]]

PGJ: /* Open Street Map */

2016-01-07T09:41:56Z

Open Street Map

← Äldre version		Versionen från 7 januari 2016 kl. 09.41
Rad 9:		Rad 9:
	== Open Street Map ==		== Open Street Map ==

	Här på Webbling gillar vi [[Öppen data]] och vi ska titta på ett öppet alternativ för kartor.[http://www.openstreetmap Open Street Maps] är en bra resurs som man kan använda i sina webbapplikationer. Open Street Map är en community-skapad karttjänst. Vem som helst kan bidra med detaljer för kartorna och all data är [[Öppen data]]. Det enda som krävs är att du anger att din kartdata har hämtats ifrån Open Street Map.		Här på Webbling gillar vi [[Öppen data]] och vi ska titta på ett öppet alternativ för kartor. [http://www.openstreetmap Open Street Maps] är en bra resurs som man kan använda i sina webbapplikationer. Open Street Map är en community-skapad karttjänst. Vem som helst kan bidra med detaljer för kartorna och all data är [[Öppen data]]. Det enda som krävs är att du anger att din kartdata har hämtats ifrån Open Street Map.

	I vissa fall har Open Street Map mer detaljerad information än Google Map, i andra fall fattas en hel del. De frivilliga bidragsgivarna i communityt verkar gilla att lägga till detaljer i sin närmaste omgivning. Men finns ingen entusiast i området, kanske kartan är mer spartansk där. Prova på att gå till [http://www.openstreetmap sajten] och sök upp din stad, så du får se vilken data som finns tillgänglig. Känner du för att redigera kartan är det bara att registrera ett konto på sajten och dra igång med din nya karriär som kartograf...		I vissa fall har Open Street Map mer detaljerad information än Google Map, i andra fall fattas en hel del. De frivilliga bidragsgivarna i communityt verkar gilla att lägga till detaljer i sin närmaste omgivning. Men finns ingen entusiast i området, kanske kartan är mer spartansk där. Prova på att gå till [http://www.openstreetmap sajten] och sök upp din stad, så du får se vilken data som finns tillgänglig. Känner du för att redigera kartan är det bara att registrera ett konto på sajten och dra igång med din nya karriär som kartograf...

PGJ: Skapade sidan med 'Många typer av applikationer använder sig av kartor. Det kan vara för att man vill göra alltifrån att visa vägen till någon plats till att man vill visualisera någon t...'

2016-01-05T17:38:07Z

Skapade sidan med 'Många typer av applikationer använder sig av kartor. Det kan vara för att man vill göra alltifrån att visa vägen till någon plats till att man vill visualisera någon t...'

Ny sida

Många typer av applikationer använder sig av kartor. Det kan vara för att man vill göra alltifrån att visa vägen till någon plats till att man vill visualisera någon typ av data rent geografiskt. Användningsområdena är talrika.

== Google Maps ==

Google Maps var en av de tidigaste tjänsterna som erbjöd ett API som möjliggjorde att man kunde använda deras karttjänst. Dock så är inte Google Maps helt fri, dels styr Google rätt mycket över vad man får och inte får göra och dels så kostar tjänsten pengar från och med att din applikation genomför ett visst antal anrop mot deras API. Visserligen är idag gränsen för webbapplikationer 25000 anrop per dag...

Man kan göra mycket roligt med Google Maps, men vi ska titta närmare på ett annat öppet alternativ.

== Open Street Map ==

Här på Webbling gillar vi [[Öppen data]] och vi ska titta på ett öppet alternativ för kartor.[http://www.openstreetmap Open Street Maps] är en bra resurs som man kan använda i sina webbapplikationer. Open Street Map är en community-skapad karttjänst. Vem som helst kan bidra med detaljer för kartorna och all data är [[Öppen data]]. Det enda som krävs är att du anger att din kartdata har hämtats ifrån Open Street Map.

I vissa fall har Open Street Map mer detaljerad information än Google Map, i andra fall fattas en hel del. De frivilliga bidragsgivarna i communityt verkar gilla att lägga till detaljer i sin närmaste omgivning. Men finns ingen entusiast i området, kanske kartan är mer spartansk där. Prova på att gå till [http://www.openstreetmap sajten] och sök upp din stad, så du får se vilken data som finns tillgänglig. Känner du för att redigera kartan är det bara att registrera ett konto på sajten och dra igång med din nya karriär som kartograf...

== Kartor och JavaScript ==
Det finns några olika bibliotek som tillhandahåller API:n avsedda för att hantera geografisk data. Man kan använda dessa för att visa upp kart data, men man kan även göra tillägg i kartdatan. Kanske du vill markera intressepunkter på kartan, märka ut ett område eller slå på/av olika lager i kartan.

Det finns två bibliotek som står ut bland andra och det är [http://leafletjs.com/ Leaflet] och [http://openlayers.org/ OpenLayers]. Bägge två har ungefär samma funktionalitet och bägge fungerar bra med data ifrån Open Street Map. Leaflet-biblioteket är dock något mindre och i vissa fall enklare att komma igång med. Vi ska därför gå igenom hur man använder sig av Leaflet. Om du har stora krav på rejäl, komplex GIS-funktionalitet, så kanske OpenLayer är ett bättre alternativ för dig. Inte heller det är så svårt att komma igång med, men vi kommer bara att täcka ett kartbibliotek här…

Vi ska därför titta närmare på hur man använder sig av Leaflet.
== Nästa aktivitet ==
[[Att komma igång med Leaflet]]