github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 17:59:23 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Maps] Always show current zoom level (#62684)

Browse source 
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
This commit is contained in:
Nathan Reese 2020-04-06 21:26:10 -06:00 • committed by GitHub
parent b65de27458
commit 7882e0c3a8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

27
x-pack/legacy/plugins/maps/public/connected_components/widget_overlay/view_control/view_control.js
View file

@ -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>{' '}