2 files changed, 24 insertions, 19 deletions
diff --git a/templates/web/base/maps/noscript_map.html b/templates/web/base/maps/noscript_map.html
index f35f152e8..6ef2f813a 100644
--- a/templates/web/base/maps/noscript_map.html
+++ b/templates/web/base/maps/noscript_map.html
@@ -56,7 +56,14 @@
 [% IF pin.id %]
 <a title="[% pin.title | html %]" href="[% c.cobrand.base_url_for_report( pin.problem ) %][% pin.problem.url %]">
 [%- END -%]
-<img border="0" class="pin" src="[% start %][% c.cobrand.path_to_pin_icons _ 'pin-' _ pin.colour _ '.png' %]"
+<img border="0" src="[% start %][% c.cobrand.path_to_pin_icons _ 'pin-' _ pin.colour _ '.png' %]"
+[% IF js -%]
+    class="pin js-pin" data-lat="[% pin.latitude %]" data-lon="[% pin.longitude %]"
+    data-colour="[% pin.colour %]" data-id="[% pin.id %]"
+    data-title="[% pin.title | html %]" data-type="[% pin.type %]"
+[% ELSE -%]
+    class="pin"
+[% END -%]
     alt="[% loc('Problem') %]" style="top:[% pin.py - 64 %]px; left:[% pin.px - 24 %]px; position: absolute;">
 [%- IF pin.id -%]
 </a>
diff --git a/templates/web/base/maps/openlayers.html b/templates/web/base/maps/openlayers.html
index 3c00c479c..b9dc0747c 100644
--- a/templates/web/base/maps/openlayers.html
+++ b/templates/web/base/maps/openlayers.html
@@ -5,34 +5,32 @@
 [% END %]
 
 <input type="hidden" name="zoom" value="[% map.zoom %]">
-<script type="text/javascript">
-var fixmystreet = fixmystreet || {};
-$.extend(fixmystreet, {
-    'area': [ [% map.area.join(',') %] ],
-    'all_pins': '[% all_pins %]',
-    'latitude': [% map.latitude %],
-    'longitude': [% map.longitude %],
+<div id="js-map-data"
+    data-area="[% map.area.join(',') %]"
+    data-all_pins='[% all_pins %]'
+    data-latitude=[% map.latitude %]
+    data-longitude=[% map.longitude %]
 [% IF map.any_zoom -%]
-    'zoomToBounds': 1,
+    data-zoomToBounds=1
 [%- END %]
 [% IF map.zoom -%]
-    'zoom': [% map.zoom %],
+    data-zoom=[% map.zoom %]
 [%- END %]
-    'pin_prefix': '[% c.config.ADMIN_BASE_URL IF admin %][% c.cobrand.path_to_pin_icons %]',
-    'numZoomLevels': [% map.numZoomLevels %],
-    'zoomOffset': [% map.zoomOffset %],
-    'map_type': [% map.map_type %],
+    data-pin_prefix='[% c.config.ADMIN_BASE_URL IF admin %][% c.cobrand.path_to_pin_icons %]',
+    data-numZoomLevels=[% map.numZoomLevels %]
+    data-zoomOffset=[% map.zoomOffset %]
+    data-map_type=[% map.map_type %]
 [% IF include_key -%]
-    'key': '[% c.config.BING_MAPS_API_KEY %]',
+    data-key='[% c.config.BING_MAPS_API_KEY %]'
 [%- END %]
-    'pins': [% INCLUDE maps/pins_js.html %]
-});
-</script>
+>
+</div>
 <div id="map_box" aria-hidden="true">
     [% pre_map %]
     <div id="map">
-      [% INCLUDE 'maps/noscript_map.html' %]
+      [% INCLUDE 'maps/noscript_map.html' js = 1 %]
     </div>
+    <script src="[% version('/cobrands/fixmystreet/map.js') %]"></script>
     [% IF map.copyright %]
     <div class="olControlAttribution" style="position: absolute;">[% map.copyright %]</div>
     [% END %]