/* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you 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 BoundingRect from 'zrender/src/core/BoundingRect'; import * as vec2 from 'zrender/src/core/vector'; import * as polygonContain from 'zrender/src/contain/polygon'; import { GeoJSON, GeoProjection, GeoSVGGraphicRoot } from './geoTypes'; import * as matrix from 'zrender/src/core/matrix'; import Element from 'zrender/src/Element'; import { each } from 'zrender/src/core/util'; const TMP_TRANSFORM = [] as number[]; function transformPoints(points: number[][], transform: matrix.MatrixArray) { for (let p = 0; p < points.length; p++) { vec2.applyTransform(points[p], points[p], transform); } } function updateBBoxFromPoints( points: ArrayLike[], min: vec2.VectorArray, max: vec2.VectorArray, projection: GeoProjection ) { for (let i = 0; i < points.length; i++) { let p = points[i]; if (projection) { // projection may return null point. p = projection.project(p as number[]); } if (p && isFinite(p[0]) && isFinite(p[1])) { vec2.min(min, min, p as vec2.VectorArray); vec2.max(max, max, p as vec2.VectorArray); } } } function centroid(points: number[][]) { let signedArea = 0; let cx = 0; let cy = 0; const len = points.length; let x0 = points[len - 1][0]; let y0 = points[len - 1][1]; // Polygon should been closed. for (let i = 0; i < len; i++) { const x1 = points[i][0]; const y1 = points[i][1]; const a = x0 * y1 - x1 * y0; signedArea += a; cx += (x0 + x1) * a; cy += (y0 + y1) * a; x0 = x1; y0 = y1; } return signedArea ? [cx / signedArea / 3, cy / signedArea / 3, signedArea] : [points[0][0] || 0, points[0][1] || 0]; } export abstract class Region { readonly name: string; readonly type: 'geoJSON' | 'geoSVG'; protected _center: number[]; protected _rect: BoundingRect; constructor( name: string ) { this.name = name; } setCenter(center: number[]) { this._center = center; } /** * Get center point in data unit. That is, * for GeoJSONRegion, the unit is lat/lng, * for GeoSVGRegion, the unit is SVG local coord. */ getCenter() { let center = this._center; if (!center) { // In most cases there are no need to calculate this center. // So calculate only when called. center = this._center = this.calcCenter(); } return center; } abstract calcCenter(): number[]; } export class GeoJSONPolygonGeometry { readonly type = 'polygon'; exterior: number[][]; interiors?: number[][][]; constructor(exterior: number[][], interiors: number[][][]) { this.exterior = exterior; this.interiors = interiors; } } export class GeoJSONLineStringGeometry { readonly type = 'linestring'; points: number[][][]; constructor(points: number[][][]) { this.points = points; } } export class GeoJSONRegion extends Region { readonly type = 'geoJSON'; readonly geometries: (GeoJSONPolygonGeometry | GeoJSONLineStringGeometry)[]; // Injected outside. properties: GeoJSON['features'][0]['properties']; constructor( name: string, geometries: GeoJSONRegion['geometries'], cp: GeoJSON['features'][0]['properties']['cp'] ) { super(name); this.geometries = geometries; this._center = cp && [cp[0], cp[1]]; } calcCenter() { const geometries = this.geometries; let largestGeo: GeoJSONPolygonGeometry; let largestGeoSize = 0; for (let i = 0; i < geometries.length; i++) { const geo = geometries[i] as GeoJSONPolygonGeometry; const exterior = geo.exterior; // Simple trick to use points count instead of polygon area as region size. // Ignore linestring const size = exterior && exterior.length; if (size > largestGeoSize) { largestGeo = geo; largestGeoSize = size; } } if (largestGeo) { return centroid(largestGeo.exterior); } // from bounding rect by default. const rect = this.getBoundingRect(); return [ rect.x + rect.width / 2, rect.y + rect.height / 2 ]; } getBoundingRect(projection?: GeoProjection): BoundingRect { let rect = this._rect; // Always recalculate if using projection. if (rect && !projection) { return rect; } const min = [Infinity, Infinity]; const max = [-Infinity, -Infinity]; const geometries = this.geometries; each(geometries, geo => { if (geo.type === 'polygon') { // Doesn't consider hole updateBBoxFromPoints(geo.exterior, min, max, projection); } else { each(geo.points, (points) => { updateBBoxFromPoints(points, min, max, projection); }); } }); // Normalie invalid bounding. if (!(isFinite(min[0]) && isFinite(min[1]) && isFinite(max[0]) && isFinite(max[1]))) { min[0] = min[1] = max[0] = max[1] = 0; } rect = new BoundingRect( min[0], min[1], max[0] - min[0], max[1] - min[1] ); if (!projection) { this._rect = rect; } return rect; } contain(coord: number[]): boolean { const rect = this.getBoundingRect(); const geometries = this.geometries; if (!rect.contain(coord[0], coord[1])) { return false; } loopGeo: for (let i = 0, len = geometries.length; i < len; i++) { const geo = geometries[i]; // Only support polygon. if (geo.type !== 'polygon') { continue; } const exterior = geo.exterior; const interiors = geo.interiors; if (polygonContain.contain(exterior, coord[0], coord[1])) { // Not in the region if point is in the hole. for (let k = 0; k < (interiors ? interiors.length : 0); k++) { if (polygonContain.contain(interiors[k], coord[0], coord[1])) { continue loopGeo; } } return true; } } return false; } /** * Transform the raw coords to target bounding. * @param x * @param y * @param width * @param height */ transformTo(x: number, y: number, width: number, height: number): void { let rect = this.getBoundingRect(); const aspect = rect.width / rect.height; if (!width) { width = aspect * height; } else if (!height) { height = width / aspect; } const target = new BoundingRect(x, y, width, height); const transform = rect.calculateTransform(target); const geometries = this.geometries; for (let i = 0; i < geometries.length; i++) { const geo = geometries[i]; if (geo.type === 'polygon') { transformPoints(geo.exterior, transform); each(geo.interiors, interior => { transformPoints(interior, transform); }); } else { each(geo.points, points => { transformPoints(points, transform); }); } } rect = this._rect; rect.copy(target); // Update center this._center = [ rect.x + rect.width / 2, rect.y + rect.height / 2 ]; } cloneShallow(name: string): GeoJSONRegion { name == null && (name = this.name); const newRegion = new GeoJSONRegion(name, this.geometries, this._center); newRegion._rect = this._rect; newRegion.transformTo = null; // Simply avoid to be called. return newRegion; } } export class GeoSVGRegion extends Region { readonly type = 'geoSVG'; // Can only be used to calculate, but not be modified. // Because this el may not belong to this view, // but been displaying on some other view. private _elOnlyForCalculate: Element; constructor( name: string, elOnlyForCalculate: Element ) { super(name); this._elOnlyForCalculate = elOnlyForCalculate; } calcCenter(): number[] { const el = this._elOnlyForCalculate; const rect = el.getBoundingRect(); const center = [ rect.x + rect.width / 2, rect.y + rect.height / 2 ]; const mat = matrix.identity(TMP_TRANSFORM); let target = el; while (target && !(target as GeoSVGGraphicRoot).isGeoSVGGraphicRoot) { matrix.mul(mat, target.getLocalTransform(), mat); target = target.parent; } matrix.invert(mat, mat); vec2.applyTransform(center, center, mat); return center; } }