Interaktive Map aus Bilder Raster?

Guten abend.

Ich habe vor eine interaktive karte auf meine homepage zu bringen. Genauer es geht um ein Pc Spiel namens Conan Exile. Habe es schon geschafft die karte runter zu laden. Jedoch ist sie in viele kleine teile gesplittet. Und auch die auflösung wird immer größer je weiter ich die Ordner druchgehe. Hat jemand eine idee wie ich die bilder geordnet und vergrößerbar auf die homepage bekomme.

hier ein beispiel was ich gerne machen würde Conan Exiles Map (azureedge.net)

1 Antwort

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, Spiele und Gaming

08.05.2021, 18:29

Habe es schon geschafft die karte runter zu laden.

Und um die Erlaubnis, diese Karte für die eigene Webseite nutzen zu dürfen, hast du dich ebenso schon gekümmert?

Hat jemand eine idee wie ich die bilder geordnet und vergrößerbar auf die homepage bekomme.

Für die Umsetzung solltest du gut mit JavaScript vertraut sein. Ich würde entweder die HTML5 Canvas API nutzen oder wohl besser (und so wird es auch bei deinem Beispiel gemacht), eine JavaScript-Bibliothek für interaktive Karten (Leaflet) einsetzen. Eine Alternative zu Leaflet könnte sicherlich noch OpenLayers sein.

Ecolux

Beitragsersteller

08.05.2021, 22:28

Danke für deine Antwort. Bin leider was sowas angeht ein echter Neuling. Ich wollte das ganze mit der map eigentlich nur zur einfacheren Kommunikation mit freunden nutzen. Ich habe mal probeweise eine einfache html Seite erstellt und leaflet Eingebungen. Wie kann ich dem Programm sagen das er die Bilder als kartenmaterial nehmen soll

regex9

08.05.2021, 22:42

@Ecolux

Auf der Webseite von Leaflet gibt es einen Quickstart-Guide, der auch zeigt, wie die Quelle für das Kartenmaterial gesetzt wird. Die Webseite sollte über einen Webserver ausgespielt werden (für eine Ausführung auf dem eigenen Rechner kannst du XAMPP nutzen, dieses Paket beinhaltet einen Apache Webserver), andernfalls wird die Leaflet-Bibliothek daran scheitern, überhaupt auf das Material einfach so zuzugreifen.

Ähnliche Beiträge

Conan Exiles. Wie erlernt man in Isle of Siptah die leuchtene Essens Fackel?

Hallo.

Auf der alten Map Exile Lands konnte man das Rezept der leuchtenden Fackel in der Dungeon Abschaum Tiefe erlernen.

Wo kann man dieses Rezept in Isle of Siptah erlernen?

...zum Beitrag

Personalisierte OpenStreetMap-Karten in hoher Auflösung herunterladen?

Hallo zusammen,

ich möchte gerne Karten von OpenStreetMap personalisieren (2 Farbig - nur Stadtteile anzeigen) und diese dann in hoher Auflösung (beispielsweise 5000x5000px) herunterladen.

Kennt sich jemand mit OpenStreetMap aus?

Auf der offiziellen Seite https://www.openstreetmap.org/#map=14/53.5605/9.9797

kann man leider nur die Standardansicht als Datei in zu kleiner Auflösung herunterladen. Hier reicht also das Design und die Auflösung nicht.

Viele Grüße!

...zum Beitrag

4070ti vs. 7900xt wie würdet ihr euch entscheiden?

Vor kurzem ist ja die 4070ti auf den Markt gekommen, welche eine durchaus interessante Karte ist, leider aber durch den geringen Speicher und dessen recht langsame Anbindung, etwas ausgebremst wird. Die 12GB sind in höheren Auflösungen wie 1440p und 2160p jetzt schon teilweise eng bzw. nicht mehr ausreichend. Da laut Entwicklern auch der Speicherbedarf in den nächsten Jahren deutlich ansteigen wird ist die Karte leider nicht besonders zukunftstauglich.

Auf der anderen Seite gibt es ja AMD die mit der 7900xt eine wirklich tolle Karte auf den Markt gebracht haben, welche mittlerweile auch preislich sehr attraktiv ist.

Wie würdet ihr euch entscheiden? Würdet ihr euch für eine 4070ti entscheiden, welche zwar das etwas schnellere Raytracing bietet, dafür aber in den nächsten Jahren nicht mehr genug Speicher für Ultra Texturen liefert und etwas langsamer bei der Raster Performance ist, oder würdet ihr die 7900xt wählen, welche zwar etwas weniger Raytracing Leistung liefert, dafür aber deutlich mehr Speicher hat und auch bei der Raster Performance etwas besser ist?

...zum Beitrag

Kennt jemand App / Programm für interaktive Map für DnD?

Moin

als relativ frischer Spielleiter in unserer Dungeons and Dragons Runde hätte ich gerne eine App oder Programm um eine Karte stückchenweise aufdecken zu lassen, je nachdem wohin die Spieler laufen.

wenn sie links rum gehen, möchte ich den Raum links aufdecken.

...zum Beitrag

GTA V fps Drops , map lädt nicht beim schnellen fahren?

Also ich habe mir GTA V geholt und wenn ich es spiele bleibt das Spiel hängen, also ich habe so 30 fps ungefähr und das ist so das jede 5 sekunden das spiel fur Paar Millisekunden einfrieren, weiß jemand vielleicht warum? Und die zweite Frage ist beim schnellen Auto fahren im online Modus läd die map/Texturen nicht, da fahre ich meistens auf nicht auf einer unsichtbaren Erde oder so :(

Mein pc :

Grafik karte: Gtx 750 ti

8 GByte RAM

Prozessor: amd a4 4020 apu

Auflösung: 1920x 1080, 60hz

...zum Beitrag

Welche Städte kann man vom Flughafen München aus anfliegen?

Weiß jemand wo ich Informationen finde, welche Reiseziele man vom Flughafen München aus erreichen kann? Also am liebsten wäre mir eine übersichtliche Karte (siehe Anhang Bsp. Stuttgart), auf der sämtliche Flugverbindungen von München aus aufgezeichnet sind. Auf der Offiziellen Flughafen Webseite https://www.munich-airport.de konnte ich leider auf die schnelle nichts finden, was falls es so eine Übersichtskarte sort gibt für wenig Intuitivität der Internetseite des Airports spricht.

Am besten wäre natürlich, wenn man die Flug Reiseziele wie bei Flixbus auf einer Interaktiven Karte einsehen könnte: https://www.flixbus.de/busverbindung#/map

Mal sehen ob einer von euch mehr Glück hat Informationen über die Flugziele von München aus zu finden.

...zum Beitrag

CSS „Preisschild” machen?

Ich habe diese Preisangabe auf https://real.de gesehen und frage mich wie man Die in CSS stylt. Ich habe den Code inspiziert und CSS-Dateien durchgesucht aber ich finde nichts.

...zum Beitrag

Schach HTML Code?

Hat jemand einen Code um Schach in HtML zu erstellen?

...zum Beitrag

Apache2 angepasste 404 Error Seite erstellen?

Hallo Leute,

ich versuche für meine Website, die unter Apache 2.4.10 (Raspbian) läuft, eine individuelle 404 error Seite zu erstellen.

Die .htaccess habe ich schon erstellt:

ErrorDocument 404 /404error.html

Der richtige Pfad ist auch angegeben aber es funktioniert trotzdem nicht:

Not Found

The requested URL was not found on this server.

Apache/2.4.10 (Raspbian) Server

Ich hab schon versucht die /etc/apache2/sites-available/000-default.conf zu editieren, was mir auch nicht weiter geholfen hat.

Zuerst hatte ich vermutet, dass etwas an den Rechten oder am Pfad nicht stimmt.

...zum Beitrag

Website programmieren; HTML, CSS; Wo ist mein Fehler?

Hallo :)

Ich hab mich heute mal als blutiger Anfänger daran gemacht mit einem Tutorial eine Website zu programmieren.

Nutze dazu folgendes Youtube-Video: https://www.youtube.com/watch?v=MsrrKMzLeWE

Allerdings sieht meine Website nun etwas verschoben aus. (Ich füge Bilder von der Index.html und der Style.css Datei, sowie der Website ein.)

Habe meinen Code schon nach Fehlern durchsucht, habe aber nichts gefunden.

Würde mich sehr freuen wenn mir jemand weiterhelfen kann.

...zum Beitrag

Gutes Programm zum Programmieren für MacOS?

Hallo,

Kennst du ein Programm mit dem ich Programmiercode in html, css, php und Java ohne einen zusätzlichen Server ausführen kann? Für Windows würde ich Eckipse kennen und für iOS phpwin. Ich bin vor kurzem aber auf MacOS umgestiegen und will nicht nur auf dem Tablet coden.

Kriterien:

-App soll gratis sein

-App MUSS für MacOS sein

Danke schonmal 😃

...zum Beitrag

Unity Website Einbindung?

Hallo, ich wollte Fragen ob jemand hier ne Ahnung hat, ob es irgendein KOSTENLOSES Unity Plug-In gibt, mit dem ich eine Website in Unity einbinden kann. Also nicht eine Unity App als Web-App, sondern eine Website in Unity.

Meine C# Kenntnisse sind so lala und Von HTML und PHP brauch ich gar nd zu reden.

...zum Beitrag

JavaScript Tic Tac Toe AI Programmierung?

Guten Abend Community,

ich möchte gerne ein Tic-Tac-Toe Game mit einem AI (BOT) programmieren. Der bisher programmierte Code funktioniert nur für Player vs Player. Habe schon ein bisschen rumgespielt, aber noch keine wirkliche richtige Lösung für den AI gefunden.

In dem folgenden Link, könnt Ihr mein JavaScript Code finden. (Ich weiß, kein guter Programmierstil, jedoch geht es mir momentan in erster Linie um die Funktionalität.

Könnt mir aber gegebenfalls Verbesserungsvorschläge schreiben! :)

https://pastebin.com/e3LbFp1k

Den folgenden Code habe ich einfach mal ausprobiert, jedoch funktioniert er nicht, da ich eine Endlosfunktion geschrieben habe.

function button(btn) {
    click_count++;         
    setX(btn);
    bot();
    checkForWin();
}

function setX(btn){
    button.value = "X";
    symbol = "O";
}

function bot() {
    var random_pick = [btn0, btn1, btn2, btn3, btn4, btn5, btn6, btn7, btn8]
    bot = random_pick[Math.floor(Math.random()*random_pick.length)]
    if (bot.value != "X" || "O") {
        bot.value = "O";
        click_count++;
        symbol = "X";
        button();
    }else{
        bot();
    }
}

Vielleicht kann mir ja jemand weiterhelfen, wie ich weitermachen soll... Sitze zur Zeit etwas fest.

...zum Beitrag

Was funktioniert mit meinem Java Script/html code nicht?

Ich versuche gerade eine einfache Passwortabfrage mit Javascript zu programmieren. Ihr müsst mir auch nicht erst sagen das ich es lieber mit php machen sollte, ich weiß dass das überall steht aber das kapier ich überhauptnicht. Hier ist mein code:

<!DOCTYPE html>
<html>
    <head>
        <title>Basic Web Page</title>
        <script>
            let rightpass = 'hallo';
            let inpu = document.getElementById(input);
            let dkfjl = inpu == rightpass;
            function passwortabfrage() {
                if (dkfjl) {
                    alert('Es hat geklappt')
                } else {
                    alert('failed')
                }
            }
        </script>
    </head>
    <body>
        <form>
        <input type="text" id="input" >
        <input type="submit" onclick="passwortabfrage()">
        </form>
    </body>
</html>

Es geht mir dabei im Moment nicht um Sicherheit, sondern nur darum zu wissen wie was nicht funktioniert. Viele Grüße und Danke für eure Antworten

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen