var init = function() 

Die Initialisierungsfunktion ruft nach dem Laden externer Kartendaten von OpenStreetMap und Wikimedia Commons über getKartographerLiveData(); nachfolgende Hauptfunktionen nacheinander auf.

var getData = function() 

Diese Funktion liest die Kartendaten aus dem Artikel. Zuerst wird versucht, die JavaScript-Variable wgKartographerLiveData auszulesen. Wenn diese Variable fehlt oder nur leere Arrays enthält, werden die Kartendaten aus den {{Marker}}- und {{vCard}}-Vorlagen entnommen. In letzterem Fall werden nur Einzelkoordinaten, aber keine Masken und Shapes erfasst, da diese nicht im HTML-Quelltext vorhanden sind.

Sind keine Kartendaten vorhanden, wird ein Marker auf den Kartenmittelpunkt gesetzt.

var indicatorMap = function() 

Diese Funktion sucht nach dem Geo-Indikator anhand des Klassenattributs wv-coord-indicator. Die Indikator-Abbildung, eine Erdkugel, mit dem Klassenattribut map-globe-default wird ausgeblendet und die Abbildung mit dem Klassenattribut map-globe-js eingeblendet. Die letztere Abbildung erhält einen Event-Handler zum Öffnen und Schließen einer Karte am Artikelanfang.

Für die Karte wird dazu ein Container mit der id wv-topMap angelegt.

var nearbyMap = function() 

Diese Funktion versieht HTML-span-Codes der Art:

<span class="wv-open-nearby-map" data-lat="..." data-lon="..." data-dialog="true" data-zoom="[0...19]">Umgebungskarte</span> 

mit einem Event-Handler zum Öffnen einer Umgebungskarte im Vollbildmodus. Zusätzlich wird das dazugehörige Eltern-Tag angezeigt, d.h., eine vorher gesetzte Stilvorlage display: none; überschrieben.

data-lat und data-lon stellen die Koordinate des Kartenzentrums dar, data-zoom ist der gewünschte Zoom-Wert. Mit data-dialog="true/false" wird festgelegt, ob die Karte den Kartendialog (Fußzeile, Sidebar) nutzen soll.

Den genannten HTML-Code erzeugt die Vorlage {{Maps}}.

Diese Funktion ersetzt die veraltete Vorlage PoiMap2.

var replaceMaplinks = function() 

Diese Funktion ersetzt alle vom Tag <maplink> erzeugten Links durch einen neuen Event-Handler. Die erzeugten Karten besitzen dann die Wikivoyage-Controls Nearby und Layers.

Bei automatisch nummerierten Markern wird als Titel nicht nur die Markernummer, sondern auch die zugehörige Ortsbezeichnung mit angegeben.

Wenn JavaScript abgeschaltet ist, bleibt das Standardaufrufverhalten der Karten als Fallback erhalten.

var articlesMap = function() 

Diese Funktion fügt in bereits bestehende <div>-Container mit der id wv-articles-map eine Karte mit allen Artikeln ein:

<div id="wv-articles-map"></div> 

Von dieser Funktion machte der Artikel Wikivoyage:Artikelübersicht Gebrauch. Die Höhe des Containers wird mit CSS-Stilvorlagen festgelegt. Die Höhe lässt sich so an das Ausgabemedium anpassen.

Diese Funktion ersetzt das Serverskript:

[{{Mapserver}}/w/artmap.php?lang=de Weltweit]

var addMagnifyButton = function() 

Diese Funktion fügt an jede mit dem Tag <mapframe> erzeugte Karte einen Vergrößerungs-Schalter hinzu. Die Vergrößerung erfolgt um mindestens eine Zoom-Stufe, falls der Zoom der Karte noch nicht den Wert 19 besitzt. Aus dem Verhältnis zwischen Karten und Bildschirmgröße kann die Zoomstufe auch um zwei oder drei, falls möglich, erhöht werden.

var createMap = function( id, center, zoom, caption, options ) 

Diese Funktion erzeugt eine Karte. Dies können sowohl in den Artikel eingebettete Karten als auch Vollbildkarten sein.

• id ist die id des Karten-Containers.
• center ist ein Array mit der Koordinate des Kartenmittelpunkts in der Form [ lat, lon ]
• zoom ist die gewünschte Zoomstufe.
• caption ist die Kartenunterschrift.
• options ist ein Objekt mit verschiedenen Kartenspezifikationen:

var options = { 	withClose: true, 	withControls: true, 	withData: true, 	withDialog: false, 	toggleNearby: false, 	allowFullScreen: true, 	isFullScreen: false, 	featureType: 'mapframe' }; 

• withClose legt einen Schließen-Schalter an, wenn true gesetzt.
• withControls legt die Wikivoyage-Schalter Nearby und Layers an, wenn true gesetzt.
• withData benutzt die Kartendaten aus dem Artikel für die Kartendarstellung, wenn true gesetzt.
• withDialog benutzt den Kartographer-Dialog mit Sidebar und Fußzeile im Vollbildmodus, wenn true gesetzt.
• toggleNearby aktiviert den Nearby-Schalter bereits beim Aufbau der Karte, wenn true gesetzt. Hierzu ist eine Anpassung des Skripts Mediawiki:Kartographer.js nötig.
• allowFullScreen aktiviert den Vollbild-Schalter, wenn true gesetzt.
• isFullScreen legt fest, ob die Karte im Vollbildmodus angelegt wird, wenn true gesetzt.
• featureType legt fest, ob die Karte eingebettet (mapframe) oder als Vollbildkarte über einen Link/Event-Handler (maplink) erzeugt wird.

Der Kartendarstellung kommt zugute, dass der GeoJSON-Code des Daten-Arrays nicht auf das GeoJSON+simplestyle-Schema geprüft wird. Wenn die Daten dem simplestyle entsprechen, sind die automatisch gültige GeoJSON-Daten. Somit gibt es die Beschränkung auf einstellige Zahlenangaben nicht.

var singleDataset = function( color, symbol, title, lat, lon, description, group ) 

Die Funktion fügt einen einzelnen Datensatz (ein Kartenfeature) in das GeoJSON-Array ein. Sie wird von der Funktion getData() aufgerufen.

• color legt die Markerfarbe fest.
• symbol legt die Symbolart fest. Dies sind MAKI-Bezeichner, Kleinbuchstaben oder Zahlen.
• title legt den Markertitel fest.
• lat legt den Breitengrad des Marker-Pins fest.
• long legt den Längengrad des Marker-Pins fest.
• description enthält eine Beschreibung zum Marker-Pin. Dies ist üblicherweise eine Abbildung.
• group legt die Marker-Gruppe fest.