diff --git a/csfieldguide/locale/en/LC_MESSAGES/djangojs.po b/csfieldguide/locale/en/LC_MESSAGES/djangojs.po
index 7cb87bb8d0..54df9f43bf 100644
--- a/csfieldguide/locale/en/LC_MESSAGES/djangojs.po
+++ b/csfieldguide/locale/en/LC_MESSAGES/djangojs.po
@@ -1673,46 +1673,59 @@ msgid_plural "Nathaniel chose %(num_sticks)s sticks."
msgstr[0] ""
msgstr[1] ""
+#: static/interactives/trainsylvania-map/js/trainsylvania-map.js:21
+msgid "Start"
+msgstr ""
+
+#: static/interactives/trainsylvania-map/js/trainsylvania-map.js:22
#: static/interactives/trainsylvania-planner/js/trainsylvania-planner.js:6
#: static/interactives/trainsylvania/js/trainsylvania.js:8
msgid "Station 1: Airport"
msgstr ""
+#: static/interactives/trainsylvania-map/js/trainsylvania-map.js:23
#: static/interactives/trainsylvania-planner/js/trainsylvania-planner.js:7
#: static/interactives/trainsylvania/js/trainsylvania.js:9
msgid "Station 2: West"
msgstr ""
+#: static/interactives/trainsylvania-map/js/trainsylvania-map.js:24
#: static/interactives/trainsylvania-planner/js/trainsylvania-planner.js:8
#: static/interactives/trainsylvania/js/trainsylvania.js:10
msgid "Station 3: South"
msgstr ""
+#: static/interactives/trainsylvania-map/js/trainsylvania-map.js:25
#: static/interactives/trainsylvania-planner/js/trainsylvania-planner.js:9
#: static/interactives/trainsylvania/js/trainsylvania.js:11
msgid "Station 4: Central"
msgstr ""
+#: static/interactives/trainsylvania-map/js/trainsylvania-map.js:26
#: static/interactives/trainsylvania-planner/js/trainsylvania-planner.js:10
#: static/interactives/trainsylvania/js/trainsylvania.js:12
msgid "Station 5: Harbour"
msgstr ""
+#: static/interactives/trainsylvania-map/js/trainsylvania-map.js:27
#: static/interactives/trainsylvania-planner/js/trainsylvania-planner.js:11
#: static/interactives/trainsylvania/js/trainsylvania.js:13
msgid "Station 6: Factory"
msgstr ""
+#: static/interactives/trainsylvania-map/js/trainsylvania-map.js:28
#: static/interactives/trainsylvania-planner/js/trainsylvania-planner.js:12
#: static/interactives/trainsylvania/js/trainsylvania.js:14
msgid "Station 7: Midway"
msgstr ""
+#: static/interactives/trainsylvania-map/js/trainsylvania-map.js:29
#: static/interactives/trainsylvania-planner/js/trainsylvania-planner.js:13
#: static/interactives/trainsylvania/js/trainsylvania.js:15
msgid "Station 8: North"
msgstr ""
+#: static/interactives/trainsylvania-map/js/trainsylvania-map.js:30
#: static/interactives/trainsylvania-planner/js/trainsylvania-planner.js:14
#: static/interactives/trainsylvania/js/trainsylvania.js:16
msgid "Station 9: East"
diff --git a/csfieldguide/static/interactives/trainsylvania-map/js/trainsylvania-map.js b/csfieldguide/static/interactives/trainsylvania-map/js/trainsylvania-map.js
index ebc0616596..9ecf6d2c38 100644
--- a/csfieldguide/static/interactives/trainsylvania-map/js/trainsylvania-map.js
+++ b/csfieldguide/static/interactives/trainsylvania-map/js/trainsylvania-map.js
@@ -16,6 +16,24 @@ function setupLayers() {
}
}
+function setupTranslations() {
+ const translations = {
+ 'station-0': gettext('Start'),
+ 'station-1': gettext('Station 1: Airport'),
+ 'station-2': gettext('Station 2: West'),
+ 'station-3': gettext('Station 3: South'),
+ 'station-4': gettext('Station 4: Central'),
+ 'station-5': gettext('Station 5: Harbour'),
+ 'station-6': gettext('Station 6: Factory'),
+ 'station-7': gettext('Station 7: Midway'),
+ 'station-8': gettext('Station 8: North'),
+ 'station-9': gettext('Station 9: East'),
+ };
+ for (let [key, value] of Object.entries(translations)) {
+ SVG_WRAPPER.querySelector('#' + key).textContent = value;
+ }
+}
+
setupLayers();
-// TODO: Setup translations
+setupTranslations();
SVG_WRAPPER.style.display = 'inherit';
diff --git a/csfieldguide/static/interactives/trainsylvania-map/svg/trainsylvania-map.svg b/csfieldguide/static/interactives/trainsylvania-map/svg/trainsylvania-map.svg
index c4ad4ad9d0..510af39830 100755
--- a/csfieldguide/static/interactives/trainsylvania-map/svg/trainsylvania-map.svg
+++ b/csfieldguide/static/interactives/trainsylvania-map/svg/trainsylvania-map.svg
@@ -1 +1,23 @@
-
\ No newline at end of file
+
+