Menu
  • Hem
  • Dokument
  • Om Mig
Geosupportsystem

Gillar du SimCity?

Posted on 2017-06-14

Nej, det handlar inte om spelet SimCity, men resultatet från denna webbkarta baserad på Leaflet.js för onekligen tankarna åt det hållet.
I detta inlägg får du lära dig hur du mycket enkelt bygger en karta med byggnader, bilar och tåg, ja till och med flygplan. Alltsammans i 3D genom en webbläsare.
Mycket enkelt? Ja, faktiskt! Hela exempelkoden kommer här direkt:
Skärmbild_2017-06-10_10-05-39.png(Det strulade med HTML kod i textformat på sidan så här är det i form av en skärmdump)
I praktiken är det en vanlig Leafletkarta med OpenStreetMap, fast man importerar eeGeo.js (som redan innehåller Leaflet) i stället.
Det krävs en API nyckel som man skapar på https://www.wrld3d.com/. För upp till 1’000 användare per månad så är det gratis, men vill man stödja fler så finns det flera nivåer att teckna sig för. Du skall byta ut texten <API-Token> i koden ovan mot din egen skapade token.
Skärmbild_2017-06-10_09-37-10.png
Är det realistiskt? Nja, det är ju beroende på data. Men det som är intressant är att det räcker med en vanlig OpenStreetMap tile server som i exemplet. Det är en förenkling och om det saknas information om byggnader så ”gissar” biblioteket mer eller mindre baserat på de objekt som visas. I bilden ovan är det Stockholms slott som visas, med lite annorlunda textur…
Skärmbild_2017-06-10_09-43-34.png
Kikar man på London (bilden ovan) så kan man se i vilken utsträckning javaskriptet kan realisera data från Open Street Map. Westminster Abby ser skapligt realistiskt ut (detaljer nedan).
Skärmbild_2017-06-10_09-50-33.png
Det som är kul med kartan är att man faktiskt lägger in lite rörelse i kartan. Bilar på vägarna, tåg på spåren, vågor i vattnet, ett och annat flygplan.
Man får naturligtvis välja när man använder denna typ av webbkarta, men på kommunens startsida där man visar centralorten i rolig 3D? Varför inte. Kan man sedan lägga lite tid på att uppdatera Open Street Map eller välja en WMTS tjänst med bättre underlag för eeGeo.JS så kan det bli riktigt ”najs”.

Lämna ett svar Avbryt svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

Translate with Google

GBR In English
GER Auf Deutch
FRA En Français
ESP En Español
Swedish is a hard language for a machine to translate. Nuance and detail will likely be lost.
     

Bok om QGIS på Svenska

Bok

Beställ Boken/E-bok genom att klicka på bilden (även förhandsgranskning).

Senaste kommentarer

  • klakar om Laga hål i höjddata
  • Per Ekström om Laga hål i höjddata
  • Sur om Mera verktyg i QGIS
  • Anton om ”Mobile *.Geodatabase”
  • Fredrik Ekberg om Ingen är oskyldig

Arkiv

Prenumerera på Geosupportsystem

Skriv in namn och epost för att prenumerera på meddelanden från denna blogg.
Loading

geosupport

TrueNAS bygge. @fractaldesignna Define R5 är rikt TrueNAS bygge. @fractaldesignna Define R5 är riktigt trevlig att bygga i, och den sväljer väldigt mycket disk. Här skall virtualiseras både PostGis, WebODM och Geonode så småningom.
Då har jag lite att bläddra i ett tag framöver. Då har jag lite att bläddra i ett tag framöver.
YouTube video to frames. Processed in OpenDroneMap YouTube video to frames. Processed in OpenDroneMap and visualized in QGIS 3.17.
Ladda mer...

Meta

  • Logga in
  • Flöde för inlägg
  • Flöde för kommentarer
  • WordPress.org
©2021 Geosupportsystem | WordPress Theme by Superbthemes.com