changeset 879:729bfea7e8b1

Re-Styled the markers in the map: Increased icon-size of selected-marker to 15px, added colored labels to the markers showing the bezeichnung of the location
author Dustin Demuth <dustin@intevation.de>
date Tue, 21 Jul 2015 12:05:19 +0200
parents 545b8913601d
children c63ecb95dffb
files app/view/panel/Map.js
diffstat 1 files changed, 13 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/app/view/panel/Map.js	Fri Jul 17 15:44:51 2015 +0200
+++ b/app/view/panel/Map.js	Tue Jul 21 12:05:19 2015 +0200
@@ -75,7 +75,8 @@
                     this.locationStore.getAt(i).get('latitude')
                 ),
                 {
-                    id: this.locationStore.getAt(i).get('id')
+                    id: this.locationStore.getAt(i).get('id'),
+                    bez: this.locationStore.getAt(i).get('bezeichnung')
                 }
             ));
         }
@@ -84,10 +85,19 @@
                 'default': new OpenLayers.Style(OpenLayers.Util.applyDefaults({
                     externalGraphic: 'resources/lib/OpenLayers/img/marker-green.png',
                     graphicOpacity: 1,
-                    pointRadius: 10
+                    pointRadius: 10,
+                    label: '${bez}',
+                    labelAlign: 'rt',
+                    fontColor: 'green',
+                    fontWeight: 'bold'
                 }, OpenLayers.Feature.Vector.style['default'])),
                 'select': new OpenLayers.Style({
-                    externalGraphic: 'resources/lib/OpenLayers/img/marker-blue.png'
+                    externalGraphic: 'resources/lib/OpenLayers/img/marker-blue.png',
+                    pointRadius: 15,
+                    label: '${bez}',
+                    labelAlign: 'rt',
+                    fontColor: 'blue',
+                    fontWeight: 'bold'
                 })
             })
         });

http://lada.wald.intevation.org