Eigene Karte für Spiel erstellen

stephan75 · 2015-12-08 18:14:21

Hallo Dragon, es könnte dir vielleicht etwas helfen, wenn du dich ein wenig in die OSM-Materie einarbeitest. Aber nur wenn du willst.

Generell gute Quellen dafür sind das OSM-Wiki, die Plattform http://learnosm.org oder das Tutorial von Benutzer kreuzschnabel (hier im Forum aktiv) unter http://einklich.net/temp/osm-tutorial.pdf

Schau dir dann mal bitte im OSM-Wiki dioe Seiten zu "Leaflet" sowie zu "Openlayers" an. Gehe auf die Webseiten zu diesen Projekten und suche nach Beispielen, die deinem Ziel näher kommen.

Dann berichte uns weiter.

TEL0000 · 2015-12-09 04:50:03

Ich werf mal Maperitive in den Raum. Meiner Meinung nach die einfachste Möglichkeit OSM-Daten zu rendern.

Damit kann man .osm-Dateien einlesen, die man vorher mit JOSM heruntergeladen und bearbeitet hat, und dann kann man sich damit die Kacheln rendern lassen, die man dann in Leaflet auf einer Website einbinden kann.

Dragon2304 · 2015-12-09 12:18:31

Danke für die ganzen Antworten.

Also wenn ich das jetzt alles richtig verstehe, so kann ich die Karte downloaden, in JOSM bearbeiten und lokal speichern. Anschließend
lade ich die Karte dann mit Maperative und lass mir Tiles erstellen.

Mit Leaflet kann ich diese dann auf die Seite einbinden wo ich sie haben möchte.

Jetzt stellt sich nur noch die Frage wie ich das mit Leaflet mache also wie genau ich das Einbinde. Wäre schön wenn mir das jemand erklären könnte.

wambacher · 2015-12-09 13:01:41

Dragon2304 wrote:

Also wenn ich das jetzt alles richtig verstehe, so kann ich die Karte downloaden, in JOSM bearbeiten und lokal speichern. Anschließend lade ich die Karte dann mit Maperative und lass mir Tiles erstellen.

(Noch) nicht ganz: Du lädst keine Karte herunter, sondern die Rohdaten dafür. Eine Karte wird das erst, wenn du diese Daten "irgendwie" visualisierst also z.B. rendern lässt.

Mit Leaflet kann ich diese dann auf die Seite einbinden wo ich sie haben möchte.
Jetzt stellt sich nur noch die Frage wie ich das mit Leaflet mache also wie genau ich das Einbinde. Wäre schön wenn mir das jemand erklären könnte.

Es fehlt uns immer noch deine Vorstellung, wie das nachher aussehen soll. Ds gibt da mindestens zwei völlig unterschiedliche Ansätze:

- EINE Grafik (EIN File), das als Bild in eine Webseite eingebunden wird. Scrollen könnte gehen, Zoomen geht nicht.
- viele Grafiken als Tiles (Kacheln), die das Ganze nachher so ähnlich wie die OSM-Karte erscheinen lassen. Also mit Scrollen und Zoomen.

Das erste ist mit Maperitive relativ einfach, das 2. ist - zumindest für dich - nicht gerade trivial.

Mein Vorschlag: Mach erst mal Version 1; dann hast du schon mal einen optischen Eindruck, wie die Karte aussehen kann.

Gruss
walter

Nur so am Rande: Ist das ein Hobbyprojekt oder könnte das was Grosses werden? Gegen Zweiteres spricht garnix, nur könnte/sollte man dabei einen grösseren Aufwand treiben.

Dragon2304 · 2015-12-09 13:12:14

Hallo,

also das ganze sollte schon so wie in Version 2 beschrieben sein. Ich möchte eine Zoombare und scrollbare Karte. Auf dieser sollen allerdings keine POIs vorhanden sein. Da ich eigene setzen möchte, nämlich nur solche die für mich relevant sind.

Version 1 stellt für mich das Problem da das das ganze für ein Bild welches nicht zoombar ist zu groß werden wird. Aus diesem Grund werde ich mich wohl eher mit Version 2 beschäftigen müssen.

@ wambacher das ganze soll schon was größeres werden. Zwar ist es (zurzeit) ein Hobbyprojekt aber mal sehen was sich daraus entwickelt. Solltest du mehr darüber erfahren wollen würde ich mich über eine kurze privat Nachricht freuen.

wambacher · 2015-12-09 13:32:56

Dragon2304 wrote:

Hallo,
also das ganze sollte schon so wie in Version 2 beschrieben sein. Ich möchte eine Zoombare und scrollbare Karte. Auf dieser sollen allerdings keine POIs vorhanden sein. Da ich eigene setzen möchte, nämlich nur solche die für mich relevant sind.
Version 1 stellt für mich das Problem da das das ganze für ein Bild welches nicht zoombar ist zu groß werden wird. Aus diesem Grund werde ich mich wohl eher mit Version 2 beschäftigen müssen.

Dennoch:

Version 1 ist keine sinnlose Arbeit, weil du da in geschätzt 1-2 Tagen Ergebnisse siehst.
Du must z.B. das Styling definieren und an deine Belange anpassen (andere POI).

Für Version 2 musst du zusätzlich noch einen kompletten Render-Stack aufsetzen, und glaub mir: das ist nicht so einfach.

Aber das ist deine Entscheidung.

Gruss
walter

Dragon2304 · 2015-12-09 13:35:54

Ok danke dir. Wenn ich mich jetzt entscheide Version 1 erstmal abzuarbeiten, mit was fange ich an und wie gehe ich vor?

gormo · 2015-12-09 13:45:06

Dragon2304 wrote:

Ok danke dir. Wenn ich mich jetzt entscheide Version 1 erstmal abzuarbeiten, mit was fange ich an und wie gehe ich vor?

Maperitive würde ich mir angucken. http://maperitive.net/ .

Du lädst also (per JOSM für kleine Gebiete, per Geofabrik-Extrakt für große Gebiete) einen Bereich herunteer, und speicherst den auf deiner Platte als .osm-Datei.

Dann lädst du die in Maperitive ein, und lässt sie mal mit einer der vordefinierten "Rendering Rules" zeichnen. Und dann guckst du, ob du da mit kleinen Änderungen weiter kommst.

SammysHP · 2015-12-09 13:56:43

Auch Version 2 lässt sich mit Maperitive erledigen. Soweit ich weiß lassen sich damit nämlich Tiles exportieren, die automatisch nach z/x/y.png abgelegt werden. Die kann man dann einfach vom Webserver ausliefern lassen und mit Leaflet etc. nutzen.

Dragon2304 · 2015-12-09 13:57:04

Das habe ich getan. Ich habe di Daten bei Geofabrik runtergeladen und lokal gespeichert. Anschließend habe ich sie mit Maperative geöffnet und mir angesehen. Soweit so gut.
Nur jetzt sind da halt noch sämtliche POIs usw. drauf. Wie bekomm ich es also hin, dass ich die alle wegbekomme bzw. ändern und durch eigene ersetzen kann?

Edit: Ja ich habe die Funktion von Tiles erstellen in Maperative auch schon gefunden. Diese ist also vorhanden.

Last edited by Dragon2304 (2015-12-09 13:58:19)

wambacher · 2015-12-09 13:57:38

eine kleine Bitte:

ändere den Anfang der OSM-Datei so um:

<?xml version='1.0' encoding='UTF-8'?>
<osm version='0.6' upload='true' generator='JOSM'>
...

in

<?xml version='1.0' encoding='UTF-8'?>
<osm version='0.6' upload='false' generator='JOSM'>
...

Dadurch "weiss" Josm, dass er diese Daten nicht hochladen soll, auch wenn du das aus Versehen verlangen solltest. Er warnt dich dann vorher. Spart dir und uns viel Arbeit und Ärger.

Gruss
walter

Last edited by wambacher (2015-12-09 13:58:16)

Dragon2304 · 2015-12-09 14:01:31

@wambacher

hab dir deine kleine bitte erfüllt und die datei geändert

gormo · 2015-12-09 14:20:41

Dragon2304 wrote:

Nur jetzt sind da halt noch sämtliche POIs usw. drauf. Wie bekomm ich es also hin, dass ich die alle wegbekomme bzw. ändern und durch eigene ersetzen kann?

Das geht über diese Rendering-Rules von Maperitive. Siehe http://maperitive.net/docs/Rulesets.html .

Dragon2304 · 2015-12-09 14:29:33

Ok damit kann ich alle ausblenden und die Karte anderst darstellen. Aber wie kann ich Sachen umbenennen z.B. einen Straßennamen?
Eigene POIs setzen geht so aber nicht oder?

gormo · 2015-12-09 15:29:12

Dragon2304 wrote:

Ok damit kann ich alle ausblenden und die Karte anderst darstellen. Aber wie kann ich Sachen umbenennen z.B. einen Straßennamen?
Eigene POIs setzen geht so aber nicht oder?

Du hast 2 unterschiedliche Arbeitsschritte für das was du willst:

Daten editieren: das geht mit JOSM. Da setzt du in deiner Datei dann beispielsweise einen neuen Punkt mit dem Tag "matrixtelefon=level6" an die Stelle wo du das haben willst. Da kannst du auch die Straßennamen wegändern, und Läden löschen etc.

Daten darstellen: das geht mit Maperitive. Da sagst du dann "Ein Level 6 Matrixtelefon kriegt dieses Icon hier in blau".

Last edited by gormo (2015-12-09 15:30:03)

wambacher · 2015-12-09 15:41:59

Schritt 2 könnte sich dann langfristig etwas ändern, wenn du dann zu Tiles (Scroll und Zoom) übergehen solltest.
Schritt 1 bleibt aber immer gleich.

Gruss
walter

GeorgFausB · 2015-12-09 16:05:57

wambacher wrote:

Schritt 1 bleibt aber immer gleich.

ja - und da hat noch niemand gefragt, was sich Dragon2304 da eigentlich überhaupt von der Geofabrik heruntergeladen hat und wohl auch bearbeiten möchte.
Lokale Daten mit JOSM zu bearbeiten ist ja nun mal nicht in unbegrenztem Umfang möglich ...

Etwas zweifelnde Grüße
Georg

Dragon2304 · 2015-12-09 16:55:24

Ich habe mir von geofabrik die daten einer Stadt im osm-Format heruntergeladen und genau diese möchte ich nun bearbeiten

wambacher · 2015-12-09 17:20:35

GeorgFausB wrote:

ja - und da hat noch niemand gefragt, was sich Dragon2304 da eigentlich überhaupt von der Geofabrik heruntergeladen hat und wohl auch bearbeiten möchte.

Hab ich mir auch bereits gedacht. Ist halt eine Frage der Datenmenge und - zumindest bei mir - des virtuellen Java-Speichers und der CPU-Power. "Mein" Bad Schwalbach geht anstandslos, Wiesbaden so eben und München wird wohl nix.

Gruss
walter

ps: Man könnte sich natürlich "einfach" eine eigene OSM-Instanz installieren.

Last edited by wambacher (2015-12-09 17:22:34)

TEL0000 · 2015-12-09 17:24:20

wambacher wrote:

Für Version 2 musst du zusätzlich noch einen kompletten Render-Stack aufsetzen, und glaub mir: das ist nicht so einfach.

Das ist überhaupt nicht nötig. Maperitive ist von Haus aus in der Lage die Tiles zu rendern, wie sie von Leaflet erwartet werden. Leider fehlt dafür allerdings eine GUI. Man muss also wissen, was man unten in der Codezeile eingeben muss.

Beschrieben wird das auf dieser Seite: http://maperitive.net/docs/Commands/GenerateTiles.html

Die Komandozeile dafür sieht dann in etwa so aus:
generate-tiles minzoom=10 maxzoom=15 subpixel=2

Den damit generierten Ordner kann man dann auf den Webspace hochladen und in Leaflet einbinden.

Dragon2304 · 2015-12-09 17:37:50

Danke das hilft mir deutlich weiter. Wie genau binde ich den Ordner in Leaflet ein?

TEL0000 · 2015-12-09 17:45:31

Auf http://leafletjs.com/ siehst du, wie du eine Leaflet-Karte einbinden kannst.
Den Pfad bei L.tileLayer änderst du dann einfach zu 'http://deinserver.de/deintilesordner/{z}/{x}/{y}.png'

Edit:
Ach ja, und bevor ichs vergesse: Vor dem Rendern der Tiles auf jeden Fall die "Web map" ausschalten, indem du auf den Stern klickst. Sonst werden die Tiles beim Rendern alle von openstreetmap.org runtergeladen und mit reingerendert.

Last edited by TEL0000 (2015-12-09 17:56:29)

Dragon2304 · 2015-12-09 18:22:44

Danke dir ich habe jetzt mal einen kleinen Kartenausschnitt gerenert und eine leaflet.html datei geschrieben.

Leider zeigt er mir keine Karte an. Die Datei enthält folgenden Inhalt:

<html>
<head>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
</head>
<body>
<p>Meine Karte</p>

<div id="map" style="width: 600px; hight: 500px"></div>
<script type= "text/javascript">
var map = L.map('map').setView([0,0], 15);
L.tileLayer('http://localhost/karte/{z}/{x}/{y}.png', {maxZoom: 19}).addTo(map);

</script>
</body>

<html>

vielleicht könntest du mir sagen wo mein Fehler liegt

Last edited by Dragon2304 (2015-12-09 18:23:40)

TEL0000 · 2015-12-09 18:35:42

Setz mal die Koordinaten bei setView auf die Koordinaten der gerenderten Karte. Wahrscheinlich findest du die von dir gerenderten Tiles einfach nur nicht, da er einen Bereich irgendwo im Süd-Atlantik vor der Küste von Ghana anzeigt.
Ich weiß nicht welche Gegend du als Grundlage gewählt hast, aber für Berlin sähe das dann so aus:

var map = L.map('map').setView([52.512, 13.394], 15);

Edit: Und du hast "height" falsch geschrieben. ;-)

Last edited by TEL0000 (2015-12-09 18:43:37)

Dragon2304 · 2015-12-09 18:58:28

danke für den Tipp, an dem falsch geschrieben wort lag es wohl das es mir keinen Container anzeigte.
Das Problem mit der Karte das die nicht angezeigt wird, bleibt das selbe.

Announcement

#26 2015-12-08 18:14:21

Re: Eigene Karte für Spiel erstellen

#27 2015-12-09 04:50:03

Re: Eigene Karte für Spiel erstellen

#28 2015-12-09 12:18:31

Re: Eigene Karte für Spiel erstellen

#29 2015-12-09 13:01:41

Re: Eigene Karte für Spiel erstellen

#30 2015-12-09 13:12:14

Re: Eigene Karte für Spiel erstellen

#31 2015-12-09 13:32:56

Re: Eigene Karte für Spiel erstellen

#32 2015-12-09 13:35:54

Re: Eigene Karte für Spiel erstellen

#33 2015-12-09 13:45:06

Re: Eigene Karte für Spiel erstellen

#34 2015-12-09 13:56:43

Re: Eigene Karte für Spiel erstellen

#35 2015-12-09 13:57:04

Re: Eigene Karte für Spiel erstellen

#36 2015-12-09 13:57:38

Re: Eigene Karte für Spiel erstellen

#37 2015-12-09 14:01:31

Re: Eigene Karte für Spiel erstellen

#38 2015-12-09 14:20:41

Re: Eigene Karte für Spiel erstellen

#39 2015-12-09 14:29:33

Re: Eigene Karte für Spiel erstellen

#40 2015-12-09 15:29:12

Re: Eigene Karte für Spiel erstellen

#41 2015-12-09 15:41:59

Re: Eigene Karte für Spiel erstellen

#42 2015-12-09 16:05:57

Re: Eigene Karte für Spiel erstellen

#43 2015-12-09 16:55:24

Re: Eigene Karte für Spiel erstellen

#44 2015-12-09 17:20:35

Re: Eigene Karte für Spiel erstellen

#45 2015-12-09 17:24:20

Re: Eigene Karte für Spiel erstellen

#46 2015-12-09 17:37:50

Re: Eigene Karte für Spiel erstellen

#47 2015-12-09 17:45:31

Re: Eigene Karte für Spiel erstellen

#48 2015-12-09 18:22:44

Re: Eigene Karte für Spiel erstellen

#49 2015-12-09 18:35:42

Re: Eigene Karte für Spiel erstellen

#50 2015-12-09 18:58:28

Re: Eigene Karte für Spiel erstellen

Board footer