From 1215f582414d34d64485482a1ec7946de4bd0fe5 Mon Sep 17 00:00:00 2001
From: Austin Hyde <austin109@gmail.com>
Date: Tue, 26 Nov 2013 09:57:20 -0500
Subject: [PATCH] Add explicit text nodes to zoom in/out controls

IE < 9 does not support CSS content properties, so the +/- does not
get rendered. Instead, add the +/- as text nodes when creating the
DOM nodes for the control.
---
 css/ol.css                    | 6 ------
 src/objectliterals.jsdoc      | 2 ++
 src/ol/control/zoomcontrol.js | 8 ++++++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/css/ol.css b/css/ol.css
index c77a2e99645..8c32566298d 100644
--- a/css/ol.css
+++ b/css/ol.css
@@ -219,16 +219,10 @@ a.ol-full-screen-true:after {
 .ol-zoom-in {
   border-radius: 2px 2px 0 0;
 }
-.ol-zoom-in:before {
-  content: "+";
-}
 
 .ol-zoom-out {
   border-radius: 0 0 2px 2px;
 }
-.ol-zoom-out:before {
-  content: "\2212";
-}
 
 .ol-zoomslider {
   position: absolute;
diff --git a/src/objectliterals.jsdoc b/src/objectliterals.jsdoc
index e45cf73c450..b7e265a638e 100644
--- a/src/objectliterals.jsdoc
+++ b/src/objectliterals.jsdoc
@@ -246,6 +246,8 @@
  * @typedef {Object} olx.control.ZoomOptions
  * @property {number|undefined} duration Animation duration in milliseconds. Default is `250`.
  * @property {string|undefined} className CSS class name. Default is `ol-zoom`.
+ * @property {string|undefined} zoomInLabel Text label to use for the zoom-in button. Default is `+`
+ * @property {string|undefined} zoomOutLabel Text label to use for the zoom-out button. Default is `-`
  * @property {number|undefined} delta The zoom delta applied on each click.
  * @property {Element|undefined} target Target.
  * @todo stability experimental
diff --git a/src/ol/control/zoomcontrol.js b/src/ol/control/zoomcontrol.js
index 5c8fe4ca4a8..1cce5fc6a8a 100644
--- a/src/ol/control/zoomcontrol.js
+++ b/src/ol/control/zoomcontrol.js
@@ -32,10 +32,14 @@ ol.control.Zoom = function(opt_options) {
 
   var delta = goog.isDef(options.delta) ? options.delta : 1;
 
+  var zoomInLabel = goog.isDef(options.zoomInLabel) ? options.zoomInLabel : '+',
+      zoomOutLabel =
+          goog.isDef(options.zoomOutLabel) ? options.zoomOutLabel : '-';
+
   var inElement = goog.dom.createDom(goog.dom.TagName.A, {
     'href': '#zoomIn',
     'class': className + '-in'
-  });
+  }, zoomInLabel);
   goog.events.listen(inElement, [
     goog.events.EventType.TOUCHEND,
     goog.events.EventType.CLICK
@@ -44,7 +48,7 @@ ol.control.Zoom = function(opt_options) {
   var outElement = goog.dom.createDom(goog.dom.TagName.A, {
     'href': '#zoomOut',
     'class': className + '-out'
-  });
+  }, zoomOutLabel);
   goog.events.listen(outElement, [
     goog.events.EventType.TOUCHEND,
     goog.events.EventType.CLICK