UNPKG

react-map-gl

Version:

A React wrapper for MapboxGL-js and overlay API.

64 lines (56 loc) 2.06 kB
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck"; import _createClass from "@babel/runtime/helpers/esm/createClass"; import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn"; import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf"; import _inherits from "@babel/runtime/helpers/esm/inherits"; import _defineProperty from "@babel/runtime/helpers/esm/defineProperty"; import { createElement } from 'react'; import PropTypes from 'prop-types'; import BaseControl from '../components/base-control'; var propTypes = Object.assign({}, BaseControl.propTypes, { redraw: PropTypes.func.isRequired, style: PropTypes.object }); var defaultProps = { captureScroll: false, captureDrag: false, captureClick: false, captureDoubleClick: false }; var HTMLOverlay = function (_BaseControl) { _inherits(HTMLOverlay, _BaseControl); function HTMLOverlay() { _classCallCheck(this, HTMLOverlay); return _possibleConstructorReturn(this, _getPrototypeOf(HTMLOverlay).apply(this, arguments)); } _createClass(HTMLOverlay, [{ key: "_render", value: function _render() { var _this$_context = this._context, viewport = _this$_context.viewport, isDragging = _this$_context.isDragging; var style = Object.assign({ position: 'absolute', left: 0, top: 0, width: viewport.width, height: viewport.height }, this.props.style); return createElement('div', { ref: this._containerRef, style: style }, this.props.redraw({ width: viewport.width, height: viewport.height, isDragging: isDragging, project: viewport.project.bind(viewport), unproject: viewport.unproject.bind(viewport) })); } }]); return HTMLOverlay; }(BaseControl); _defineProperty(HTMLOverlay, "propTypes", propTypes); _defineProperty(HTMLOverlay, "defaultProps", defaultProps); export { HTMLOverlay as default }; //# sourceMappingURL=html-overlay.js.map