LiveAtlas/src/util/circles.ts

/*
 * Copyright 2021 James Lyne
 *
 * Some portions of this file were taken from https://github.com/webbukkit/dynmap.
 * These portions are Copyright 2020 Dynmap Contributors.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import {LatLngExpression} from "leaflet";
import LiveAtlasPolyline from "@/leaflet/vector/LiveAtlasPolyline";
import LiveAtlasPolygon from "@/leaflet/vector/LiveAtlasPolygon";
import {LiveAtlasCircleMarker} from "@/index";
import {createPopup, tooltipOptions} from "@/util/paths";

export const createCircleLayer = (options: LiveAtlasCircleMarker, converter: Function): LiveAtlasPolyline | LiveAtlasPolygon => {
	const outline = !options.style.fillOpacity || (options.style.fillOpacity <= 0),
		points = getCirclePoints(options, converter, outline),
		circle = outline ? new LiveAtlasPolyline(points, options) : new LiveAtlasPolygon(points, options);

	if(options.popup) {
		circle.bindPopup(() => createPopup(options, 'CirclePopup'));
	}

	if (options.tooltip) {
		circle.bindTooltip(() => options.tooltipHTML || options.tooltip, tooltipOptions);
	}

	return circle;
};

export const updateCircleLayer = (circle: LiveAtlasPolyline | LiveAtlasPolygon | undefined, options: LiveAtlasCircleMarker, converter: Function): LiveAtlasPolyline | LiveAtlasPolygon => {
	if (!circle) {
		return createCircleLayer(options, converter);
	}

	const outline = (options.style && options.style.fillOpacity && (options.style.fillOpacity <= 0)) as boolean;

	circle.closePopup();
	circle.unbindPopup();
	circle.closeTooltip();
	circle.unbindTooltip();

	if (options.popup) {
		circle.bindPopup(() => createPopup(options, 'AreaPopup'));
	}

	if (options.tooltip) {
		circle.bindTooltip(() => options.tooltipHTML || options.tooltip, tooltipOptions);
	}

	circle.setStyle(options.style);
	circle.setLatLngs(getCirclePoints(options, converter, outline));
	circle.redraw();

	return circle;
}

export const getCirclePoints = (options: LiveAtlasCircleMarker, converter: Function, outline: boolean): LatLngExpression[] => {
	const points = [];

	for(let i = 0; i < 360; i++) {
		const rad = i * Math.PI / 180.0,
			x = options.radius[0] * Math.sin(rad) + options.location.x,
			z = options.radius[1] * Math.cos(rad) + options.location.z;

		points.push(converter({x, y:options.location.y, z}));
	}

	if(outline && points.length) {
		points.push(points[0]);
	}

	return points;
};