From 7882e0c3a817bafc9716647add8d8555c20899f8 Mon Sep 17 00:00:00 2001
From: Nathan Reese <reese.nathan@gmail.com>
Date: Mon, 6 Apr 2020 21:26:10 -0600
Subject: [PATCH] [Maps] Always show current zoom level (#62684)

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
---
 .../view_control/view_control.js              | 27 +++++++++++--------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/view_control/view_control.js b/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/view_control/view_control.js
index 445e5be542ffb..19b60221ead36 100644
--- a/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/view_control/view_control.js
+++ b/x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/view_control/view_control.js
@@ -5,28 +5,33 @@
  */
 
 import _ from 'lodash';
-import React from 'react';
+import React, { Fragment } from 'react';
 import { EuiText } from '@elastic/eui';
 import { DECIMAL_DEGREES_PRECISION } from '../../../../common/constants';
 import { FormattedMessage } from '@kbn/i18n/react';
 
 export function ViewControl({ mouseCoordinates, zoom }) {
-  if (!mouseCoordinates) {
-    return null;
+  let latLon;
+  if (mouseCoordinates) {
+    latLon = (
+      <Fragment>
+        <strong>
+          <FormattedMessage id="xpack.maps.viewControl.latLabel" defaultMessage="lat:" />
+        </strong>{' '}
+        {_.round(mouseCoordinates.lat, DECIMAL_DEGREES_PRECISION)},{' '}
+        <strong>
+          <FormattedMessage id="xpack.maps.viewControl.lonLabel" defaultMessage="lon:" />
+        </strong>{' '}
+        {_.round(mouseCoordinates.lon, DECIMAL_DEGREES_PRECISION)},{' '}
+      </Fragment>
+    );
   }
 
   return (
     <div className="mapViewControl__coordinates">
       <EuiText size="xs">
         <small>
-          <strong>
-            <FormattedMessage id="xpack.maps.viewControl.latLabel" defaultMessage="lat:" />
-          </strong>{' '}
-          {_.round(mouseCoordinates.lat, DECIMAL_DEGREES_PRECISION)},{' '}
-          <strong>
-            <FormattedMessage id="xpack.maps.viewControl.lonLabel" defaultMessage="lon:" />
-          </strong>{' '}
-          {_.round(mouseCoordinates.lon, DECIMAL_DEGREES_PRECISION)},{' '}
+          {latLon}
           <strong>
             <FormattedMessage id="xpack.maps.viewControl.zoomLabel" defaultMessage="zoom:" />
           </strong>{' '}