@uiw/react-baidu-map-polygon/cjs/usePolygon.js

Baidu Map map-polygon Components for React.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.usePolygon = usePolygon;
var _react = require("react");
var _reactBaiduMapMap = require("@uiw/react-baidu-map-map");
var _reactBaiduMapUtils = require("@uiw/react-baidu-map-utils");
function usePolygon() {
  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
  const {
    strokeColor,
    fillColor,
    strokeWeight,
    strokeOpacity,
    fillOpacity,
    strokeStyle,
    enableMassClear,
    enableEditing,
    enableClicking
  } = props;
  const {
    map
  } = (0, _reactBaiduMapMap.useMapContext)();
  const [polygon, setPolygon] = (0, _react.useState)();
  const [path, setPath] = (0, _react.useState)(props.path || []);
  const opts = {
    strokeColor,
    fillColor,
    strokeWeight,
    strokeOpacity,
    fillOpacity,
    strokeStyle,
    enableMassClear,
    enableEditing,
    enableClicking
  };
  (0, _react.useEffect)(() => {
    if (!BMap || !map) return _reactBaiduMapUtils.noop;
    const points = (path || []).map(item => new BMap.Point(item.lng, item.lat));
    const instance = new BMap.Polygon(points, opts);
    map.addOverlay(instance);
    setPolygon(instance);
    return function () {
      map.removeOverlay(instance);
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [map]);
  (0, _react.useEffect)(() => {
    if (path && polygon) {
      const points = path.map(item => new BMap.Point(item.lng, item.lat));
      polygon.setPath(points);
    }
  }, [polygon, path]);
  (0, _reactBaiduMapUtils.useVisiable)(polygon, props);
  (0, _reactBaiduMapUtils.useEventProperties)(polygon, props, ['Click', 'DoubleClick', 'MouseDown', 'MouseUp', 'MouseOut', 'MouseOver', 'Remove', 'LineUpdate']);
  (0, _reactBaiduMapUtils.useEnableProperties)(polygon, props, ['Editing', 'MassClear']);
  // PositionAt
  (0, _reactBaiduMapUtils.useProperties)(polygon, props, ['StrokeColor', 'StrokeOpacity', 'FillColor', 'FillOpacity', 'StrokeWeight', 'StrokeStyle']);
  return {
    polygon,
    setPolygon,
    path,
    setPath
  };
}