Skip to content

Newstral Maps Widget konfigurieren

Konfigurationsmöglichkeiten des Newstral Maps Widgets

An English version of this page will come soon! In case you need help, we are happy to help!

Mithilfe des Newstral Maps Widgets lassen sich die Newstral Maps mit nur einer einzigen Zeile HTML in Ihre Seite integrieren. Dabei handelt es sich um einen sogenannten iFrame, der eine Fläche auf Ihrer Seite definiert, in welchen die Karte hinein geladen wird. Es ist also wirklich nicht schwerer, als ein Foto auf Ihrer Seite zu integrieren.

Ein Newstral Maps Widget lässt in zahlreichen Aspekten konfigurieren. Dabei werden zwei Typen von Aspekten unterschieden:

  • Wie wird der iFrame in Ihre Seite eingebunden und
  • Was wird in den iFrame geladen.

Darstellung des iFrames

Der iFrame ist der Platzhalter, in welcher eine externe Webseite in Ihre Seite geladen werden kann. Im Falle der Newstral Maps Widgets ist diese externe Seite die gewünschte Karte. Sie können diesen iFrame mit gewöhnlichem CSS in seiner Darstellung konfigurieren. Standardmäßig sind folgende Einstellungen voreingestellt. Diese können Sie gerne ganz nach Ihren Bedürfnissen anpassen:

  • width: 100%;
  • height: 300px;
  • border: none;

Diese Parameter können Sie ganz nach Ihrem Geschmack verändern. Wir empfehlen jedoch in Höhe und Breite nicht 250px zu unterschreiten, da sonst nicht genügend Platz für die Anzeige der Nachrichten zur Verfügung steht. Ein iPhone ist zum Beispiel meist 320px breit und das ist nicht sehr breit, um eine Schlagzeile anzuzeigen, richtig? Also besser nicht zu klein werden.

Der Karteninhalt

Das Schöne am Newstral Maps Widget ist, dass Sie bequem über die URL bestimmen können, welche Inhalte in welchen Farben angezeigt werden. Im folgenden stellen wir alle Möglichkeiten vor.

Kartenausschnitt

Der Kartenausschnitt wird über die Angabe zweier Punkte auf der Erde definiert, die gemeinsam ein Rechteck aufspannen. Das Widget versucht dann dieses Rechteck in der höchstmöglichen Zoom-Stufe anzuzeigen, in welcher noch das vollständige Rechteck sichtbar bleibt.

Beispiel URL für einen Kartenausschnitt von Palma de Mallorca:

http://newstral.com/de/maps-widget/bounds/((39.58511923856437,2.7146530151367188),(39.55250065627405,2.595949172973633))

In dem Beispiel wird in der URL hinter dem Schlüsselwort "bounds/" eine Zweierkombination aus Geokoordinaten angegeben.

Am besten verstehen Sie die Koordinaten, wenn sie mit einem aktuellen Browser, wie zum Beispiel Google Chrome, auf der Newstral Maps Webseite die Karte verschieben, in sie hinein und heraus zoomen und dabei darauf achten, wie sich die URL in der Adressleiste verändert.

Quellenauswahl bzw. Quelleneinschränkung

Sie bestimmen darüber, welche Quellen in Ihrem Widget vertreten sein soll. Dazu müssen Sie lediglich die URL um das Schlüsselwort "sources/" gefolgt von einer mit "+" getrennten Liste der Quellen-IDs angeben.

Beispiel URL für einen Kartenausschnitt von Europa, der sich auf die Nachrichten der Mallorca-Zeitung (ID: 353) und der Rheinischen Post (ID: 97) beschränkt:

http://newstral.com/de/maps-widget/bounds/((39.58511923856437,2.7146530151367188),(39.55250065627405,2.595949172973633))/sources/353+97

Die ID einer Quelle finden Sie zur Zeit leider zugegebener Maßen nur sehr umständlich heraus. Gehen Sie auf der Newstral Startseite, also der Top-3-Ansicht. Suchen Sie dort die gewünschte Quelle. Am rechten Rand des Schlagzeilenblocks können Sie die Quelle zu Ihren Favoriten hinzufügen, oder von diesen entfernen. In beiden Fällen können Sie, wenn Sie mit der Maus über den Icons ruhen, den Link am unteren Browser-Fensterrand sehen. Denn dort wird die verlinkte URL angzeigt und diese endet auf der Quellen-ID.

Zeitspanne

Die Zeitspanne lässt sich über zwei unterschiedliche Weisen konfigurieren. Standardmäßig werden die letzten 24 Stunden angezeigt.

Die letzten X Stunden (beta)

Möchten sie angezeigten Nachrichten auf die letzten X Stunden einschränken, können Sie das über die URL einstellen, indem Sie "last-hours/x" angeben.

Beispiel URL für einen Kartenausschnitt von Palma de Mallorca der letzten 48 Stunden:

http://newstral.com/de/maps-widget/bounds/((39.58511923856437,2.7146530151367188),(39.55250065627405,2.595949172973633))/last-hours/48

Alle Nachrichten zwischen zwei Tagen (beta)

Möchten sie angezeigten Nachrichten auf die letzten X Stunden einschränken, können Sie das über die URL einstellen, indem Sie "last-hours/x" angeben.

Beispiel URL für einen Kartenausschnitt von Palma de Mallorca 0:00 Uhr vom 3. Juli 2013 bis 0:00 Uhr 5. Juli 2013 (also ingesamt 48 Stunden):

http://newstral.com/de/maps-widget/bounds/((39.58511923856437,2.7146530151367188),(39.55250065627405,2.595949172973633))/from-date/2013-06-03/to-date/2013-06-05

Füllfarbe der Kugeln

Die Füllfarbe der Kugeln lässt sich über die URL mittels ihres Hex-Wertes einstellen. Möchten Sie zum Beispiel rote Kugeln, fügen Sie der URL einfach "fill-color/FF0000" an.

Beispiel URL für einen Kartenausschnitt von Palma de Mallorca mit roten Kugeln:

http://newstral.com/de/maps-widget/bounds/((39.58511923856437,2.7146530151367188),(39.55250065627405,2.595949172973633))/fill-color/FF0000

Schriftfarbe der Kugeln

Die Schriftfarbe der Kugeln lässt sich über die URL mittels ihres Hex-Wertes einstellen. Möchten Sie zum Beispiel rote Kugeln, fügen Sie der URL einfach "font-color/FF0000" an.

Beispiel URL für einen Kartenausschnitt von Palma de Mallorca mit blau beschrifteten Kugeln:

http://newstral.com/de/maps-widget/bounds/((39.58511923856437,2.7146530151367188),(39.55250065627405,2.595949172973633))/font-color/0000FF

Linkfarbe unter den Schlagzeilen und des Lizenztextes

Die Linkfarbe lässt sich über die URL mittels ihres Hex-Werte einstellen. Möchten Sie zum Beispiel eine blaue Linkfarbe, fügen Sie der URL einfach "link-color/0000FF" an.

Beispiel URL für einen Kartenausschnitt von Palma de Mallorca mit blauer Linkfarbe:

http://newstral.com/de/maps-widget/bounds/((39.58511923856437,2.7146530151367188),(39.55250065627405,2.595949172973633))/link-color/0000FF

ACHTUNG: Bitte haben Sie Verständnis dafür, dass die Lizenztexte immer gut lesbar sein müssen.





Feedback and Knowledge Base