@mapgis/webclient-leaflet-plugin

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> common/base/geometry/Arc.js</title>  <link type="text/css" rel="stylesheet" href="styles/app.min.css"> <link type="text/css" rel="stylesheet" href="styles/iframe.css"> <link type="text/css" rel="stylesheet" href=""> </head> <body class="layout small-header"> <div id="stickyNavbarOverlay"></div> <div class="top-nav"> <div class="inner"> <a id="hamburger" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false"> </a> <div class="logo"> <h1> MapGIS Client for JavaScript API</h1> </div> <div class="menu"> <div class="navigation"> <a class="link user-link " href="/docs/cesium/index.html" > Cesium </a> <a class="link user-link " href="/docs/mapboxgl/index.html" > MapboxGL </a> <a class="link user-link " href="/docs/leaflet/index.html" > Leaflet </a> <a class="link user-link " href="/docs/openlayers/index.html" > OpenLayers </a> </div> </div> </div> </div> <div id="main"> <div class="sidebar " id="sidebarNav" > <div> <a href="index.html">API文档</a> </div> <div class="search-wrapper"> <input id="search" type="text" placeholder="搜索文档..." class="input"> </div> <nav> <div class="category"><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">服务模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="AddressServer.html">AddressServer</a>地址服务，基地址：/igs/rest/services/{folder}/{serviceName}/AddressServer</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISFeatureServer.html">ArcGISFeatureServer</a>ArcGIS的FeatureServer服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISGeometryServer.html">ArcGISGeometryServer</a>ArcGIS的GeometryServer服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISMapServer.html">ArcGISMapServer</a>ArcGIS的MapServer服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISVectorTileServer.html">ArcGISVectorTileServer</a>ArcGIS的VectorTileServer服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="BaseServer.html">BaseServer</a>服务查询基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Cesium3DTilesServer.html">Cesium3DTilesServer</a>3DTiles服务，基地址：/igs/rest/services/{folder}/{serviceName}/3DTilesServer</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Config.html">Config</a>全局配置信息 示例如下： <a href='#config1'>[1、设置全局token]</a> <a href='#config2'>[2、设置全局headers]</a> <a href='#config3'>[3、设置拦截器 - 在所有链接上设置拦截器]</a> <a href='#config4'>[4、设置拦截器 - 指定拦截器应用的url]</a> </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FeatureServer.html">FeatureServer</a>要素服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="GeometryServer.html">GeometryServer</a>地理几何服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ImageServer.html">ImageServer</a>影像服务，服务地址：/igs/rest/services/{folder}/{serviceName}/ImageServer</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Interceptor.html">Interceptor</a>请求拦截和相应拦截器参数</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="M3DServer.html">M3DServer</a>M3d服务，服务地址:/igs/rest/services/{folder}/{serviceName}/M3dServer</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapServer.html">MapServer</a>地图服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="PlotServer.html">PlotServer</a>标绘服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="PoiServer.html">PoiServer</a>兴趣点服务,服务地址：/igs/rest/services/{folder}/{serviceName}/PoiServer</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="RequestConfig.html">RequestConfig</a>请求配置参数</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="RequestInterceptor.html">RequestInterceptor</a>请求拦截器对象</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ResourceServer.html">ResourceServer</a>资源服务，基地址为http://{ip}:{port}/igs/rest/services/system/ResourceServer</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ResponseInterceptor.html">ResponseInterceptor</a>响应拦截器对象</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="RootServer.html">RootServer</a>根目录服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SceneServer.html">SceneServer</a>场景服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SecurityServer.html">SecurityServer</a>安全服务,服务地址:/igs/rest/services/SecurityServer</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TerrainServer.html">TerrainServer</a>地形缓存服务，基地址:/igs/rest/services/{folder}/{serviceName}/TerrainServer</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ThemeServer.html">ThemeServer</a>专题图服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TileServer.html">TileServer</a>瓦片服务,基地址：/igs/rest/services/{folder}/{serviceName}/TileServer</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="VectorTileServer.html">VectorTileServer</a>矢量瓦片服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WFSServer.html">WFSServer</a>IGS的WFS服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WMSServer.html">WMSServer</a>IGS的WMS服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WMTSServer.html">WMTSServer</a>IGS的WMTS服务</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WorkFlowServer.html">WorkFlowServer</a>工作流服务,基地址http://{ip}:{port}/igs/rest/services/workflow/{serviceName}/WorkflowServer</li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">图层模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISMapImageLayer.html">ArcGISMapImageLayer</a>ArcGIS地图图片图层， 目前二维上支持4326(包括4490，4214以及4610)，3857以及EPSG支持的自定义坐标系，三维上仅支持4326(包括4490，4214以及4610)以及3857坐标系，会自动读取元信息上的坐标系，不需要用户指定 [ES5引入方式]： Zondy.Layer.ArcGISMapImageLayer() [ES6引入方式]： import { ArcGISMapImageLayer } from "@mapgis/webclient-common" 针对图层的操作请在图层加载完毕事件中进行 Layer.on('layerview-created', function (result) { console.log("加载完毕:", result.layer) }); 如果不想在该事件中放入业务代码，则请确认图层资源已加载完毕后再进行操作 if(layer.loadStatus === 'loaded') { // 你的业务逻辑 }</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISMapImageSubLayer.html">ArcGISMapImageSubLayer</a>ArcGIS地图图片子图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISTileLayer.html">ArcGISTileLayer</a>ArcGIS瓦片图层， 目前二维上支持4326(包括4490，4214以及4610)，3857以及EPSG支持的自定义坐标系，三维上仅支持4326(包括4490，4214以及4610)以及3857坐标系，会自动读取元信息上的坐标系，不需要用户指定， [ES5引入方式]： Zondy.Layer.ArcGISTileLayer() [ES6引入方式]： import { ArcGISTileLayer } from "@mapgis/webclient-common" 针对图层的操作请在图层加载完毕事件中进行 Layer.on('layerview-created', function (result) { console.log("加载完毕:", result.layer) }); 如果不想在该事件中放入业务代码，则请确认图层资源已加载完毕后再进行操作 if(layer.loadStatus === 'loaded') { // 你的业务逻辑 }</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Cesium3DTilesCacheLayer.html">Cesium3DTilesCacheLayer</a>Cesium3DTiles图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="EchartsLayer.html">EchartsLayer</a>Echarts图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FeatureLayer.html">FeatureLayer</a>要素图层基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="GeoJSONLayer.html">GeoJSONLayer</a>geojson图层，仅支持文件服务 目前二维和三维上支持4326(包括4490，4214以及4610)，3857以及EPSG支持的自定义坐标系，若是想要绘制源数据为非4326坐标系几何数据，需要在初始化时指定具体坐标系 参考示例： <a href='#add-GeoJSONLayer'>[加载GeoJSON图层]</a> [ES5引入方式]： Zondy.Layer.GraphicsLayer() [ES6引入方式]： import { GraphicsLayer } from "@mapgis/webclient-common"</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="GraphicsLayer.html">GraphicsLayer</a>几何图形图层，不支持在线数据，仅支持传入多个几何对象并绘制 目前二维和三维上支持4326(包括4490，4214以及4610)，3857以及EPSG支持的自定义坐标系，若是想要绘制非4326坐标系几何，需要在初始化要素对象的几何时，指定具体坐标系 [ES5引入方式]： Zondy.Layer.GraphicsLayer() [ES6引入方式]： import { GraphicsLayer } from "@mapgis/webclient-common" 针对图层的操作请在图层加载完毕事件中进行 Layer.on('layerview-created', function (result) { console.log("加载完毕:", result.layer) }); 如果不想在该事件中放入业务代码，则请确认图层资源已加载完毕后再进行操作 if(layer.loadStatus === 'loaded') { // 你的业务逻辑 }</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="GroupLayer.html">GroupLayer</a>组图层，支持的图层类型有：WMS图层、WMTS图层、地图图层、瓦片图层、cesium3DTiles图层、echarts图层、 M3D图层、场景图层、矢量瓦片图层、mapv图层、地形图层 [ES5引入方式]： Zondy.Layer.GroupLayer() [ES6引入方式]： import { GroupLayer } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSFeatureLayer.html">IGSFeatureLayer</a>IGS要素图层， 目前二维和三维上支持4326(包括4490，4214以及4610)，3857以及EPSG支持的自定义坐标系，要素服务会自动读取元信息上的坐标系，不需要用户指定 [ES5引入方式]： Zondy.Layer.IGSFeatureLayer() [ES6引入方式]： import { IGSFeatureLayer } from "@mapgis/webclient-common" 针对图层的操作请在图层加载完毕事件中进行 Layer.on('layerview-created', function (result) { console.log("加载完毕:", result.layer) }); 如果不想在该事件中放入业务代码，则请确认图层资源已加载完毕后再进行操作 if(layer.loadStatus === 'loaded') { // 你的业务逻辑 }</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSImageLayer.html">IGSImageLayer</a>IGS影像图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSMapImageLayer.html">IGSMapImageLayer</a>IGS地图图片图层， 支持IGS1.0和2.0两个服务版本，支持自定义坐标系，当IGS版本是1.0时，需要手动设置图层坐标系，当IGS版本是2.0时，会自动读取元信息上的坐标系，不需要用户指定 [ES5引入方式]： Zondy.Layer.IGSMapImageLayer() [ES6引入方式]： import { IGSMapImageLayer } from "@mapgis/webclient-common" 针对图层的操作请在图层加载完毕事件中进行 Layer.on('layerview-created', function (result) { console.log("加载完毕:", result.layer) }); 如果不想在该事件中放入业务代码，则请确认图层资源已加载完毕后再进行操作 if(layer.loadStatus === 'loaded') { // 你的业务逻辑 }</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSMapImageSubLayer.html">IGSMapImageSubLayer</a>IGS地图图片图层的子图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSSceneLayer.html">IGSSceneLayer</a>IGS的SceneLayer图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSTileLayer.html">IGSTileLayer</a>IGS瓦片图层， 支持IGS1.0和2.0两个服务版本，支持自定义坐标系，当IGS版本是1.0时，需要手动设置图层坐标系，当IGS版本是2.0时，会自动读取元信息上的坐标系，不需要用户指定， [ES5引入方式]： Zondy.Layer.IGSTileLayer() [ES6引入方式]： import { IGSTileLayer } from "@mapgis/webclient-common" 针对图层的操作请在图层加载完毕事件中进行 Layer.on('layerview-created', function (result) { console.log("加载完毕:", result.layer) }); 如果不想在该事件中放入业务代码，则请确认图层资源已加载完毕后再进行操作 if(layer.loadStatus === 'loaded') { // 你的业务逻辑 }</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSVectorTileLayer.html">IGSVectorTileLayer</a>IGS矢量瓦片图层支持IGS1.0和2.0两个服务版本，目前二维和三维上支持4326(包括4490，4214以及4610)，3857，会自动读取元信息上的坐标系，不需要用户指定， [ES5引入方式]： Zondy.Layer.IGSVectorTileLayer() [ES6引入方式]： import { IGSVectorTileLayer } from "@mapgis/webclient-common" 针对图层的操作请在图层加载完毕事件中进行 Layer.on('layerview-created', function (result) { console.log("加载完毕:", result.layer) }); 如果不想在该事件中放入业务代码，则请确认图层资源以加载完毕后再进行操作 if(layer.loadStatus === 'loaded') { // 你的业务逻辑 } 注意:三维上,不支持简单Marker样式设定;二维上,简单Marker的颜色,外边线样式,旋转角度无法在图层初始化和初始化后修改,须在制作数据时进行指定</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSVectorTileSubLayer.html">IGSVectorTileSubLayer</a>IGS矢量瓦片子图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Layer.html">Layer</a>图层基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="M3DModelCacheLayer.html">M3DModelCacheLayer</a>M3D缓存图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapImageLayer.html">MapImageLayer</a>影像图层基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapVLayer.html">MapVLayer</a>MapV图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="OGCLayer.html">OGCLayer</a>OGS图层基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="OverlayLayer.html">OverlayLayer</a>覆盖物图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Scene.html">Scene</a>场景对象</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SceneLayer.html">SceneLayer</a>场景图层基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SubLayer.html">SubLayer</a>子图层基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TerrainCacheLayer.html">TerrainCacheLayer</a>地形图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TileLayer.html">TileLayer</a>瓦片图层基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="UnknownLayer.html">UnknownLayer</a>未定义图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="VectorTileLayer.html">VectorTileLayer</a>图层基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WFSLayer.html">WFSLayer</a>WFS图层， 目前二维和三维上支持4326(包括4490，4214以及4610)，3857以及EPSG支持的自定义坐标系，WFS服务会自动读取元信息上的坐标系，不需要用户指定 [ES5引入方式]： Zondy.Layer.WMTSLayer() [ES6引入方式]： import { WMTSLayer } from "@mapgis/webclient-common" 针对图层的操作请在图层加载完毕事件中进行 Layer.on('layerview-created', function (result) { console.log("加载完毕:", result.layer) }); 如果不想在该事件中放入业务代码，则请确认图层资源已加载完毕后再进行操作 if(layer.loadStatus === 'loaded') { // 你的业务逻辑 }</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WMSLayer.html">WMSLayer</a>WMS图层， 目前二维上支持4326(包括4490，4214以及4610)，3857以及EPSG支持的自定义坐标系，三维上仅支持4326(包括4490，4214以及4610)以及3857坐标系，会自动读取元信息上的坐标系，不需要用户指定，同时所有的WMS服务都支持动态投影，用户也可指定任意该服务支持的坐标系 [ES5引入方式]： Zondy.Layer.WMSLayer() [ES6引入方式]： import { WMSLayer } from "@mapgis/webclient-common" 针对图层的操作请在图层加载完毕事件中进行 Layer.on('layerview-created', function (result) { console.log("加载完毕:", result.layer) }); 如果不想在该事件中放入业务代码，则请确认图层资源已加载完毕后再进行操作 if(layer.loadStatus === 'loaded') { // 你的业务逻辑 }</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WMSSubLayer.html">WMSSubLayer</a>WMS子图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WMTSLayer.html">WMTSLayer</a>WMTS图层， 目前二维上支持4326(包括4490，4214以及4610)，3857以及EPSG支持的自定义坐标系，三维上仅支持4326(包括4490，4214以及4610)以及3857坐标系，WMTS服务会自动读取元信息上的坐标系，不需要用户指定 [ES5引入方式]： Zondy.Layer.WMTSLayer() [ES6引入方式]： import { WMTSLayer } from "@mapgis/webclient-common" 针对图层的操作请在图层加载完毕事件中进行 Layer.on('layerview-created', function (result) { console.log("加载完毕:", result.layer) }); 如果不想在该事件中放入业务代码，则请确认图层资源已加载完毕后再进行操作 if(layer.loadStatus === 'loaded') { // 你的业务逻辑 }</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WMTSSubLayer.html">WMTSSubLayer</a>IGS地图服务图层</li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">渲染器模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="BaseRenderer.html">BaseRenderer</a>专题图渲染基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ClassBreakInfo.html">ClassBreakInfo</a>三维专题图-分段信息</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ClassBreakRenderer.html">ClassBreakRenderer</a>分段专题图渲染样式，支持的图层如下： [IGS地图图片图层]{@link IGSMapImageLayer}、[几何图形图层]{@link GraphicsLayer}、[IGS要素图层]{@link IGSFeatureLayer}、 [geojson图层]{@link GeoJSONLayer}、[OGC-WFS图层]{@link WFSLayer}</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ClusterInfo.html">ClusterInfo</a>聚合点数量区间内的符号信息</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ClusterRenderer.html">ClusterRenderer</a>聚类渲染器</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ColorStop.html">ColorStop</a>颜色分段</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ColorVariable.html">ColorVariable</a>color视觉变量</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="OpacityStop.html">OpacityStop</a>透明度分段</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="OpacityVariable.html">OpacityVariable</a>opacity视觉变量</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SimpleRenderer.html">SimpleRenderer</a>统一专题图渲染样式，支持的图层如下： [几何图形图层]{@link GraphicsLayer}、[IGS要素图层]{@link IGSFeatureLayer}、 [geojson图层]{@link GeoJSONLayer}、[OGC-WFS图层]{@link WFSLayer}</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SizeStop.html">SizeStop</a>size视觉变量</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SizeVariable.html">SizeVariable</a>color视觉变量</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="UniqueValueInfo.html">UniqueValueInfo</a>三维专题图-单值信息</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="UniqueValueRenderer.html">UniqueValueRenderer</a>单值专题图渲染样式，支持的图层如下： [IGS地图图片图层]{@link IGSMapImageLayer}、[几何图形图层]{@link GraphicsLayer}、[IGS要素图层]{@link IGSFeatureLayer}、 [geojson图层]{@link GeoJSONLayer}、[OGC-WFS图层]{@link WFSLayer}</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="VisualVariable.html">VisualVariable</a>视觉变量基类</li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">视图模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="BaseView.html">BaseView</a>视图类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapView.html">MapView</a>二维场景视图(leaflet引擎)，对地图引擎进行管理，如果要对地图图层进行管理请参考[Map]{@link Map}， 参考示例： <a href='#MapView'>[初始化二维场景视图]</a> [ES5引入方式]： Zondy.MapView() [ES6引入方式]： import { MapView } from '@mapgis/webclient-leaflet-plugin' </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="VideoMapView.html">VideoMapView</a>undefined</li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">几何模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Circle.html">Circle</a>几何圆，参考示例：<a href='#Circle'>[几何圆对象]</a> [ES5引入方式]： Zondy.Geometry.Circle() [ES6引入方式]： import { Circle } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Extent.html">Extent</a>几何范围对象，即左下角和右上角组成的矩形范围几何对象，参考示例：<a href='#Extent'>[几何范围对象]</a> [ES5引入方式]： Zondy.Geometry.Extent() [ES6引入方式]： import { Extent } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Geometry.html">Geometry</a>几何图形对象基类 [ES5引入方式]： Zondy.Geometry.Geometry() [ES6引入方式]： import { Geometry } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="GeometryEngine.html">GeometryEngine</a>几何分析工具</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="LineString.html">LineString</a>线几何对象 [ES5引入方式]： Zondy.Geometry.LineString() [ES6引入方式]： import { LineString } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MultiLineString.html">MultiLineString</a>多线段几何 [ES5引入方式]： Zondy.Geometry.MultiLineString() [ES6引入方式]： import { MultiLineString } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MultiPoint.html">MultiPoint</a>多点几何对象 [ES5引入方式]： Zondy.Geometry.MultiPoint() [ES6引入方式]： import { MultiPoint } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MultiPolygon.html">MultiPolygon</a>多区几何 [ES5引入方式]： Zondy.Geometry.MultiPolygon() [ES6引入方式]： import { MultiPolygon } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Point.html">Point</a>点几何对象 [ES5引入方式]： Zondy.Geometry.Point() [ES6引入方式]： import { Point } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Polygon.html">Polygon</a>区几何，由多个环(ring)构成的几何对象，仅支持带洞区和非带洞区，不支持带岛区，即三个圈重叠 多边形的第一个环(ring)即外圈，从第二个环开始为内圈，内圈可以重合、相交、自相交，但是不能超过外圈 [ES5引入方式]： Zondy.Geometry.Polygon() [ES6引入方式]： import { Polygon } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SpatialReference.html">SpatialReference</a>空间参考系 [ES5引入方式]： Zondy.SpatialReference() [ES6引入方式]： import { SpatialReference } from "@mapgis/webclient-common" </li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">undefined</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="DrawControl.html">DrawControl</a>绘制工具</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="PrintControl.html">PrintControl</a>打印工具</li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">基础对象模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Evented.html">Evented</a>事件基类,所有可接收或者发送的对象继承于此</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="UpdateContent.html">UpdateContent</a>更新内容对象</li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">要素模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Feature.html">Feature</a>要素对象，示例如下：<a id='add-Feature'>[初始化要素对象]</a> [ES5引入方式]： Zondy.Feature() [ES6引入方式]： import { Feature } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FeatureSet.html">FeatureSet</a>要素集合类，示例如下：<a id='add-FeatureSet'>[初始化要素集合对象]</a> [ES5引入方式]： Zondy.FeatureSet() [ES6引入方式]： import { FeatureSet } from "@mapgis/webclient-common" </li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">符号模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FillSymbol.html">FillSymbol</a>填充符号基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="LineSymbol.html">LineSymbol</a>线符号基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="LineSymbolMarker.html">LineSymbolMarker</a>标记符号</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapGISTextSymbol.html">MapGISTextSymbol</a>文本符号，支持点几何对象，参考示例：<a href='#new-MapGISTextSymbol'>[创建文本样式]</a> [ES5引入方式]： Zondy.Symbol.MapGISTextSymbol() [ES6引入方式]： import { MapGISTextSymbol } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MarkerSymbol.html">MarkerSymbol</a>Marker符号基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="PictureFillSymbol.html">PictureFillSymbol</a>简单标记符号</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="PictureMarkerSymbol.html">PictureMarkerSymbol</a>图片Marker符号，支持点几何对象，参考示例：<a href='#new-PictureMarkerSymbol'>[图片Marker样式]</a> [ES5引入方式]： Zondy.Symbol.PictureMarkerSymbol() [ES6引入方式]： import { PictureMarkerSymbol } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SimpleFillSymbol.html">SimpleFillSymbol</a>简单填充符号，参考示例：<a href='#new-SimpleFillSymbol'>[填充符号样式]</a> [ES5引入方式]： Zondy.Symbol.SimpleFillSymbol() [ES6引入方式]： import { SimpleFillSymbol } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SimpleLineSymbol.html">SimpleLineSymbol</a>简单线符号，支持线几何对象，参考示例：<a href='#new-SimpleLineSymbol'>[线符号样式]</a> [ES5引入方式]： Zondy.Symbol.SimpleLineSymbol() [ES6引入方式]： import { SimpleLineSymbol } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SimpleMarkerSymbol.html">SimpleMarkerSymbol</a>简单Marker符号，支持点几何对象，参考示例：<a href='#new-SimpleMarkerSymbol'>[简单Marker样式]</a> [ES5引入方式]： Zondy.Symbol.SimpleMarkerSymbol() [ES6引入方式]： import { SimpleMarkerSymbol } from "@mapgis/webclient-common" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Symbol.html">Symbol</a>符号基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Symbol3DLayer.html">Symbol3DLayer</a>三维符号图层</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TextSymbol.html">TextSymbol</a>文本符号，支持点几何对象，参考示例：<a href='#new-TextSymbol'>[创建文本样式]</a> [ES5引入方式]： Zondy.Symbol.TextSymbol() [ES6引入方式]： import { TextSymbol } from "@mapgis/webclient-common" </li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">地图模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Map.html">Map</a>图层管理容器，和地图引擎无关，通过此对象而不是地图引擎来对图层进行管理 [ES5引入方式]： Zondy.Map() [ES6引入方式]： import { Map } from "@mapgis/webclient-common" </li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">undefined</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Popup.html">Popup</a>二维场景信息弹窗(leaflet引擎) 参考示例： <a href='#MapView'>[初始化二维场景视图]</a> [ES5引入方式]： Zondy.MapView() [ES6引入方式]： import { MapView } from '@mapgis/webclient-leaflet-plugin' </li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">草图编辑模块</div><ul class="mapgis-sidebar-menus"><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchBaseDrawTool.html">SketchBaseDrawTool</a>草图基础绘图工具类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchEditor.html">SketchEditor</a>undefined</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchEditorLeaflet.html">SketchEditorLeaflet</a>二维场景草图编辑类 [ES5引入方式]： const { SketchEditorLeaflet } = Zondy [ES6引入方式]： import { SketchEditorLeaflet } from "@mapgis/webclient-leaflet-plugin" </li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchEditorNew.html">SketchEditorNew</a>草图编辑基类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchPointDrawTool.html">SketchPointDrawTool</a>点绘图工具类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchPolygonDrawTool.html">SketchPolygonDrawTool</a>面绘图工具类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchPolylineDrawTool.html">SketchPolylineDrawTool</a>面绘图工具类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchStage.html">SketchStage</a>草图图形集合</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchStyle.html">SketchStyle</a>草图样式管理类</li><li><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="VideoSketchEditor.html">VideoSketchEditor</a>undefined</li></ul></div> </nav> </div> <div class="core" id="main-content-wrapper"> <div class="content"> <header id="page-title" class="page-title"> 类名 common/base/geometry/Arc.js </header> <section> <article> <pre class="prettyprint source linenums"><code>import * as T from '@turf/turf' import Geometry from './Geometry' import { defaultValue, isNumber } from '../../util' import Zondy from '../Zondy' import { GeometryType } from '../enum' import Polygon from './Polygon' import Point from './Point' import Extent from './Extent' import LineString from './LineString' import GeometryEngine from './GeometryEngine' import SpatialReference from './SpatialReference' import Projection from '../Projection' /** * 几何弧段，三个点确定一个弧段，参考示例：<a href='#Arc'>[几何圆对象]</a> * [ES5引入方式]： * Zondy.Geometry.Arc() * [ES6引入方式]： * import { Arc } from "@mapgis/webclient-common" * * @class Arc * @moduleEX GeometryModule * @private * @extends Geometry * @param {Object} options 构造参数 * @param {Point|Number[]} [options.point1] 弧段上的第一个点 * @param {Point|Number[]} [options.point2] 弧段上的第二个点 * @param {Point|Number[]} [options.point3] 弧段上的第三个点 * @param {Number} [options.numberOfPoints = 120] 圆转换为区插值点个数 * @param {SpatialReference} [options.spatialReference = new Zondy.SpatialReference('EPSG:4326')] 几何点的空间参考系，默认4326，当不是4326时请指定坐标系，方便进行投影转换，参考示例：<a href='#SpatialReference'>[指定坐标系]</a> * @summary <h5>支持如下方法：</h5> * <a href='#toPolygon'>[1、导出为区]</a> * <a href='#toString'>[2、返回字符串]</a> * <a href='#toXMl'>[3、导出为OGC服务要求的xml字符串]</a> * <a href='#getIGSType'>[4、返回IGS所对应的GeometryModule型]</a> * <a href='#fromJSON'>[5、通过传入的json构造并返回一个新的几何对象]</a> * <a href='#toJSON'>[6、导出为json对象]</a> * [7、克隆几何对象]{@link Geometry#clone} * * @example <caption><h7 id='Arc'>创建几何对象</h7></caption> * // ES5引入方式 * const { Arc } = Zondy.Geometry * // ES6引入方式 * import { Arc } from "@mapgis/webclient-common" * new Arc({ * // 弧段上的第一个点 * point1: [113.5, 30], * // 弧段上的第二个点 * point2: [114, 30.5], * // 弧段上的第三个点 * point3: [113.5, 31] * }) * * @example <caption><h7 id='spatialReference'>指定坐标系</h7></caption> * // ES5引入方式 * const { Arc } = Zondy.Geometry * const { SpatialReference } = Zondy * // ES6引入方式 * import { Arc, SpatialReference } from "@mapgis/webclient-common" * new Arc({ * // 弧段上的第一个点 * point1: [], * // 弧段上的第二个点 * point2: [], * // 弧段上的第三个点 * point3: [] * // 当不是4326时请指定坐标系，方便进行投影转换 * spatialReference: new SpatialReference('EPSG:3857') * }) */ class Arc extends Geometry { constructor(options) { super(options) options = defaultValue(options, {}) /** * 表示GeometryModule型的字符串值 * @member {GeometryType} Arc.prototype.type */ this.type = GeometryType.arc /** * 几何点的坐标数组 * @member {Array} Arc.prototype.coordinates */ this.coordinates = defaultValue(options.coordinates, []) /** * 弧段上的第一个点 * @member {Number[]} Arc.prototype.point1 */ this.point1 = this.coordinates[0] if (!this.point1) { throw new Error('缺少弧段上的第一个点坐标') } this.point1 = Point.toCoordinates(this.point1) /** * 弧段上的第二个点 * @member {Number[]} Arc.prototype.point2 */ this.point2 = this.coordinates[1] if (!this.point2) { throw new Error('缺少弧段上的第二个点坐标') } this.point2 = Point.toCoordinates(this.point2) /** * 弧段上的第三个点 * @member {Number[]} Arc.prototype.point3 */ this.point3 = this.coordinates[2] if (!this.point3) { throw new Error('缺少弧段上的第三个点坐标') } this.point3 = Point.toCoordinates(this.point3) /** * 定义弧段上点的数量 * @member {Number} Arc.prototype.numberOfPoints */ this.numberOfPoints = defaultValue(options.numberOfPoints, 120) if (!isNumber(this.numberOfPoints)) { throw new Error('圆曲线上点的数量必须为数字') } // 计算是否为三维 if ( this.point1.length === 3 && this.point1.length === 3 && this.point1.length === 3 ) { this.hasZ = true } // 获取圆心 this._getCenter() // 设置第一个点 this._pointBegan = this.point1 // 设置第最后一个点 this._pointEnd = this.point3 } /** * 通过弧段上的三个点计算圆心坐标，参考资料https://www.jianshu.com/p/f99246170561和桌面逻辑 * @private * */ _getCenter() { const x1 = this.point1[0] const x2 = this.point2[0] const x3 = this.point3[0] const y1 = this.point1[1] const y2 = this.point2[1] const y3 = this.point3[1] const z1 = 0 const z2 = 0 const z3 = 0 const a1 = y1 * z2 - y2 * z1 - y1 * z3 + y3 * z1 + y2 * z3 - y3 * z2 const b1 = -(x1 * z2 - x2 * z1 - x1 * z3 + x3 * z1 + x2 * z3 - x3 * z2) const c1 = x1 * y2 - x2 * y1 - x1 * y3 + x3 * y1 + x2 * y3 - x3 * y2 const d1 = -( x1 * y2 * z3 - x1 * y3 * z2 - x2 * y1 * z3 + x2 * y3 * z1 + x3 * y1 * z2 - x3 * y2 * z1 ) const a2 = 2 * (x2 - x1) const b2 = 2 * (y2 - y1) const c2 = 2 * (z2 - z1) const d2 = x1 * x1 + y1 * y1 + z1 * z1 - x2 * x2 - y2 * y2 - z2 * z2 const a3 = 2 * (x3 - x1) const b3 = 2 * (y3 - y1) const c3 = 2 * (z3 - z1) const d3 = x1 * x1 + y1 * y1 + z1 * z1 - x3 * x3 - y3 * y3 - z3 * z3 const cx = -( b1 * c2 * d3 - b1 * c3 * d2 - b2 * c1 * d3 + b2 * c3 * d1 + b3 * c1 * d2 - b3 * c2 * d1 ) / (a1 * b2 * c3 - a1 * b3 * c2 - a2 * b1 * c3 + a2 * b3 * c1 + a3 * b1 * c2 - a3 * b2 * c1) const cy = (a1 * c2 * d3 - a1 * c3 * d2 - a2 * c1 * d3 + a2 * c3 * d1 + a3 * c1 * d2 - a3 * c2 * d1) / (a1 * b2 * c3 - a1 * b3 * c2 - a2 * b1 * c3 + a2 * b3 * c1 + a3 * b1 * c2 - a3 * b2 * c1) const cz = -( a1 * b2 * d3 - a1 * b3 * d2 - a2 * b1 * d3 + a2 * b3 * d1 + a3 * b1 * d2 - a3 * b2 * d1 ) / (a1 * b2 * c3 - a1 * b3 * c2 - a2 * b1 * c3 + a2 * b3 * c1 + a3 * b1 * c2 - a3 * b2 * c1) if (this.hasZ) { this.center = [cx, cy, this.point1[2]] } else { this.center = [cx, cy] } } /** * 通过传入的json构造并返回一个新的几何对象 * @param {Object} [json] JSON对象 * @example <caption><h7 id='fromJSON'>通过传入的json构造并返回一个新的几何对象</h7></caption> * // ES5引入方式 * const { Arc } = Zondy.Geometry * // ES6引入方式 * import { Arc } from "@mapgis/webclient-common" * const json = { * point1: [113.5, 30], * point2: [114, 30.5], * point3: [113.5, 31] * } * const circle = Arc.fromJSON(json) */ static fromJSON(json) { json = defaultValue(json, {}) return new Arc(json) } /** * <a id='toJSON'></a> * 导出为json对象 * @return {Object} json对象 */ toJSON() { const json = super.toJSON() json.point1 = this.point1 instanceof Point ? this.point1.toJSON() : this.point1 json.point2 = this.point2 instanceof Point ? this.point2.toJSON() : this.point2 json.point3 = this.point3 instanceof Point ? this.point3.toJSON() : this.point3 json.numberOfPoints = this.numberOfPoints json.extent = this.extent.toJSON() return json } /** * 导出为区 * @returns {Polygon} 返回区对象 * @example <caption><h7 id='toPolygon'>导出为区</h7></caption> * // ES5引入方式 * const { Arc } = Zondy.Geometry * // ES6引入方式 * import { Arc } from "@mapgis/webclient-common" * const circle = new Arc({ * // 中心点 * center:[113, 42], * // 半径 * radius:20 * }) * const polygon = circle.toPolygon() */ toPolygon() { const coordinates = this._tranArcToPath( this.center, this._pointBegan, this._pointEnd, this.numberOfPoints ) coordinates[0].push(coordinates[0][0]) return new Polygon({ coordi