Giter Club home page Giter Club logo

mapgis / webclient-javascript Goto Github PK

View Code? Open in Web Editor NEW
170.0 12.0 43.0 435.8 MB

MapGIS Client for JavaScript, is a cloud GIS network client development platform. It makes a perfect fusion of traditional WebGIS and cloud GIS; also integrates four mainstream map open source frameworks and visualization libraries such as Echarts, MapV, and D3, etc.. Therefore, highly-efficient visual expression and analysis of big data and real-time streaming data have been further enhanced.

License: Apache License 2.0

JavaScript 48.11% CSS 0.56% HTML 48.65% Vue 2.66% SCSS 0.02%
leaflet mapboxgl cesium openlayers echarts d3 mapv

webclient-javascript's Issues

Linux下部署website发现文件夹名大小写敏感导致bug

在CentOS 7.9下使用nginx部署website发现
include-cesium-local.js GET static/libs/cdn/cesium/MapGIS/Css/mapgis.css net::ERR_ABORTED 404 (Not Found)

inputCSS(httpUrl + "/cdn/cesium/MapGIS/Css/mapgis.css");

Bug原因:
Css应改为小写css,Windows+IIS不区分大小写不会触发bug,CentOS下的nginx默认对文件名大小写敏感

此Bug影响"Cesium--三维空间分析--动画漫游" (demo/cesium/analysis/analysis-animation.htm

Bug: 天地图URL域名错误

const url = 'http://t0.tianditu.gov.cn./DataServer?';

let url = `http://{s}.tianditu.gov.cn./{lw}/wmts?service=WMTS&version=1.0.0&request=GetTile&tilematrix={TileMatrix}&layer={layerType}&style={style}&tilerow={TileRow}&tilecol={TileCol}&tilematrixset=w&format=tiles&tk=${token}`;

tianditu.gov.cn.末尾多了一个点号

@MarsQiu

**大陆地区无法使用谷歌地图服务问题

website中的大量例子(约70个)依赖谷歌地图服务作为卫星底图:http://mt{s}.google.cn/vt/lyrs={type}&hl=zh-CN${offsetLabel}&x={x}&y={y}&z={z}&s=Galileo

然而国内无法访问mt{s}.google.cn,能否从例子代码中移除谷歌服务改为其他地图?
liuqun@eda24ab

也可以考虑修改appendGoogleMapExt()appendGoogleMap()内部url,指向其他坐标无偏卫星地图,例如天地图

ArcGIS/ArcServer OGC出图

arcgis wms服务

ArcGIS服务

点击上面的网页,弹出对应的网页如下所示:

arcserver

  1. 关注上面的红色框,第一个红色框需要注意的是一定要发布对应的WMS服务即出现“WMS”关键字眼

    如果没有WMS选项,请先发布个WMS服务,要不然webclient脚本调用不了

  2. 点击wms,获得对应的链接 http://222.247.40.204:6080/arcgis/services/hnbianjiexian/MapServer/WMSServer?request=GetCapabilities&service=WMS
  3. 将上面链接 号之前的地址复制到脚本里面
    var Layer = L.tileLayer.wms('http://222.247.40.204:6080/arcgis/services/hnbianjiexian/MapServer/WMSServer?', {
        //图层序列号
        layers: '0,1,2',
        //wms版本号
        version: '1.3.0',
        //设置地图不连续显示
        noWrap:true
    }).addTo(map);
  4. 设置对应的中心点,请注意 纬度在前面, 经度在后面 与正常的习惯相反
  5. 设置对应的显示级别

DataStore-分布式空间分析

您的功能请求是否与问题有关? 请描述一下。
如何使用分布式叠加分析功能

描述你想要的解决方案
平台之前提供了传统的单机的空间分析的功能,如果使用分布式空间分析功能进行操作,如何查看对应的结果。

npm run service-release 报错: 因缺少依赖包qs而导致编译失败

在根目录下执行npm编译service模块报错

npm install
npm run service-release

顶层package.json中因缺少qs而导致编译失败

但是发现src/service/package.json中已经包含依赖包qs了,所以是不是编译顶层项目之前还要先到src/service子目录中手动执行一次npm install

顶层的README.md文档只要求开发者去website子目录中执行操作,没有提及src/service子目录

123

🚨 请仔细查看下面的描述

Bug描述
请提供一个简短的清晰的问题描述.

重现步骤
详细重现步骤:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

预计结果/错误结果
请描述预计的错误结果.

截图
如果必要,请提供截图描述信息.

Desktop-桌面浏览器 (请补充下面信息):

  • OS(操作系统): [e.g. iOS]
  • Browser(浏览器) [e.g. chrome, safari]
  • Version(版本) [e.g. 22]

Smartphone-移动端 (请补充下面信息):

  • Device(移动设备): [e.g. iPhone6]
  • OS(操作系统): [e.g. iOS8.1]
  • Browser(浏览器) [e.g. stock browser, safari]
  • Version(版本) [e.g. 22]

额外备注
添加问题的额外备注信息.

详细维护人员:
IGServer:邬俊惠
DataStore/DataView:基础平台/创新中心-潘卓然

微信:18064124285 电话:18064124285 qq:398809724 邮箱:[email protected] 飞秋:潘卓然ParnDeedlit

详细四大引擎:
leaflet:平台二次开发-朱鹏飞
mapboxgl:基础平台/创新中心-潘卓然
cesium:基础平台-韩彦生
openlayers:IGServer-黄漭

💔 感谢大家的共同维护!

首页-概览-显示问题

🚨 请仔细查看下面的描述

Bug描述
http://localhost:8899/ui/total-explore.html
这个网页是无效网页,请下架

重现步骤
详细重现步骤:

  1. 进入主页

  2. 点击概览

  3. 选择“浏览器兼容性”选项
    tim 20180911110516

  4. 看见错误网页

预计结果/错误结果
http://localhost:8899/ui/total-explore.html

截图
tim 20180911110522

Desktop-桌面浏览器 (请补充下面信息):

  • OS(操作系统): [e.g. Win7]
  • Browser(浏览器) [e.g. chrome]
  • Version(版本) [e.g. 67.0.3396.99]

额外备注

详细维护人员:
WebClient展示页面:研究院-陈琪
IGServer:邬俊惠
DataStore/DataView:基础平台/创新中心-潘卓然

微信:18064124285 电话:18064124285 qq:398809724 邮箱:[email protected] 飞秋:潘卓然ParnDeedlit

详细四大引擎:
leaflet:平台二次开发-朱鹏飞
mapboxgl:基础平台/创新中心-潘卓然
cesium:基础平台-韩彦生
openlayers:IGServer-黄漭

💔 感谢大家的共同维护!

ArcGIS/ArcServer OGC出图

arcgis wms服务

ArcGIS服务

点击上面的网页,弹出对应的网页如下所示:

arcserver

  1. 关注上面的红色框,第一个红色框需要注意的是一定要发布对应的WMS服务即出现“WMS”关键字眼

    如果没有WMS选项,请先发布个WMS服务,要不然webclient脚本调用不了

  2. 点击wms,获得对应的链接 http://222.247.40.204:6080/arcgis/services/hnbianjiexian/MapServer/WMSServer?request=GetCapabilities&service=WMS
  3. 将上面链接 号之前的地址复制到脚本里面
    var Layer = L.tileLayer.wms('http://222.247.40.204:6080/arcgis/services/hnbianjiexian/MapServer/WMSServer?', {
        //图层序列号
        layers: '0,1,2',
        //wms版本号
        version: '1.3.0',
        //设置地图不连续显示
        noWrap:true
    }).addTo(map);
  4. 设置对应的中心点,请注意 纬度在前面, 经度在后面 与正常的习惯相反
  5. 设置对应的显示级别

Openlayers 位置错误

Bug描述
传入一个点 [114, 30]的坐标点,显示在地图上却出现在其他位置

重现步骤
详细重现步骤:

  1. popup.setPosition([116.28, 39.54]);

预计结果/错误结果
位置没有出现在北京的位置处

截图
addpopup

WebClient中关于OpenLayer API的添加与说明

您的功能请求是否与问题有关? 请描述一下。
在使用Openlayer获取OGC地图服务的时候在WebClient上找不到相应的API , 例如 Zondy.Map.ArcGISLayer

描述你想要的解决方案
WebClient上添加关于Openlayer开发的API

描述您考虑过的替代方案
None

附加背景
例如 开发过程中想要了解Zondy.Map.ArcGISLayer相关用法

image

WebClient解析MapGis发布的OGC WMS服务注意事项

🚨 请仔细查看下面的描述

问题描述
MapGis正常发布的OGC WMS服务WebClient无法解析

重现步骤
发布地图服务的Mapx文件必须与原始矢量数据在同一目录 , Mapx文件里面记录的是数据的位置 , 如若分开放置 , 则会导致解析不出地图服务数据。

详细维护人员:
IGServer:邬俊惠
DataStore/DataView:基础平台/创新中心-潘卓然

微信:18064124285 电话:18064124285 qq:398809724 邮箱:[email protected] 飞秋:潘卓然ParnDeedlit

详细四大引擎:
leaflet:平台二次开发-朱鹏飞
mapboxgl:基础平台/创新中心-潘卓然
cesium:基础平台-韩彦生
openlayers:IGServer-黄漭

💔 感谢大家的共同维护!

OGC不出图

Bug描述
http://192.168.10.185:8899/ui/demos-leaflet.html#map-mapdisplay-ogcwms。示例中显示了地图,而自己的示例中不显示地图。
http://192.168.10.185:6163/igs/rest/ogc/doc/EPSG_4326/WMSServer

重现步骤
详细重现步骤:

  1. 打开MapGIS K10设置地图文档
    tim 20181019114523

  2. 检查数据图层Layer参照系
    tim 20181019114558

  3. 检查地图文档动态投影信息
    tim 20181019114618

  4. 地图文档发布
    tim 20181019114821

选择分辨率按钮, 再点击 天地图配置

tim 20181019114849

  1. ogc地图文档服务发布
    tim 20181019114907
    tim 20181019114923

  2. 前端脚本关键语法

 //wms服务
            var Layer = L.tileLayer.wms('http://192.168.10.185:6163/igs/rest/ogc/doc/EPSG_4326/WMSServer', {
                //图层名称
                layers: 'line',
                //wms版本号
                version: '1.3.0'
            }).addTo(map);

预计结果/错误结果
定位到对应的位置,没有加载图片,或者只显示高级开发者的图片

tim 20181019135922

详细维护人员:
IGServer:邬俊惠
DataStore/DataView:基础平台/创新中心-潘卓然

微信:18064124285 电话:18064124285 qq:398809724 邮箱:[email protected] 飞秋:潘卓然ParnDeedlit

详细四大引擎:
leaflet:平台二次开发-朱鹏飞
mapboxgl:基础平台/创新中心-潘卓然
cesium:基础平台-韩彦生
openlayers:IGServer-黄漭

💔 感谢大家的共同维护!

空间分析

🚨 请仔细查看下面的描述

Bug描述
叠加分析只将范围线形成的多边形高亮显示,并没有看到叠加分析的结果。

重现步骤
详细重现步骤:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

预计结果/错误结果
请描述预计的错误结果.

截图
如果必要,请提供截图描述信息.
image

Desktop-桌面浏览器 (请补充下面信息):

  • OS(操作系统): [e.g. iOS]
  • Browser(浏览器) [e.g. chrome, safari]
  • Version(版本) [e.g. 22]

Smartphone-移动端 (请补充下面信息):

  • Device(移动设备): [e.g. iPhone6]
  • OS(操作系统): [e.g. iOS8.1]
  • Browser(浏览器) [e.g. stock browser, safari]
  • Version(版本) [e.g. 22]

额外备注
添加问题的额外备注信息.

详细维护人员:
IGServer:邬俊惠
DataStore/DataView:基础平台/创新中心-潘卓然

微信:18064124285 电话:18064124285 qq:398809724 邮箱:[email protected] 飞秋:潘卓然ParnDeedlit

详细四大引擎:
leaflet:平台二次开发-朱鹏飞
mapboxgl:基础平台/创新中心-潘卓然
cesium:基础平台-韩彦生
openlayers:IGServer-黄漭

💔 感谢大家的共同维护!

测试功能需求

您的功能请求是否与问题有关? 请描述一下。
怎么向WebClient项目提交新的Bug报告,以及向谁提交Bug问题。

描述你想要的解决方案
出了问题能够责任到人。

描述您考虑过的替代方案
在网页四大引擎选择界面的底部有类似的维护人,但是没有对应的连接,是否能提供完整的详细的功能维护列表。
http://client.snanyun.com:8899/ui/gallery-leaflet.html#analysis-intersect

http://client.snanyun.com:8899/ui/total-select.html

附加背景
tim 20180912090607
tim 20180912090801

我怎么联系上图中的人以及后续如何跟进呢??

ArcGis/ArcServer-OGC出图问题

arcgis wms服务

ArcGIS服务

点击上面的网页,弹出对应的网页如下所示:

arcserver

  1. 关注上面的红色框,第一个红色框需要注意的是一定要发布对应的WMS服务即出现“WMS”关键字眼

    如果没有WMS选项,请先发布个WMS服务,要不然webclient脚本调用不了

  2. 点击wms,获得对应的链接 http://222.247.40.204:6080/arcgis/services/hnbianjiexian/MapServer/WMSServer?request=GetCapabilities&service=WMS
  3. 将上面链接 号之前的地址复制到脚本里面
    var Layer = L.tileLayer.wms('http://222.247.40.204:6080/arcgis/services/hnbianjiexian/MapServer/WMSServer?', {
        //图层序列号
        layers: '0,1,2',
        //wms版本号
        version: '1.3.0',
        //设置地图不连续显示
        noWrap:true
    }).addTo(map);
  4. 设置对应的中心点,请注意 纬度在前面, 经度在后面 与正常的习惯相反
  5. 设置对应的显示级别

Bug: Cesium Globe添加ElevationRamp材质,显示有错误

Bug描述
为viewer.scene.globe添加ElevationRamp材质,显示有错误,跟下面的底图混杂在一起

重现步骤
使用CesiumTerrainProvider添加地形,使用如下代码添加材质:

const elevationRamp = [0.0, 1.0];
let getColorRamp = (selectedShading) => {
  const ramp = document.createElement("canvas");
  ramp.width = 100;
  ramp.height = 1;
  const ctx = ramp.getContext("2d");
  const grd = ctx.createLinearGradient(0, 0, 100, 0);
  grd.addColorStop(elevationRamp[0], "#000000"); //black
  grd.addColorStop(elevationRamp[1], "#ffffff"); //white
  ctx.fillStyle = grd;
  ctx.fillRect(0, 0, 100, 1);
  return ramp;
}
const minHeight = -100.0; // approximate dead sea elevation
const maxHeight = 3000.0; // approximate everest elevation
let shadingUniforms = {};
let material = Cesium.Material.fromType("ElevationRamp");
shadingUniforms = material.uniforms;
shadingUniforms.minimumHeight = minHeight;
shadingUniforms.maximumHeight = maxHeight;
shadingUniforms.image = getColorRamp('elevation');
viewer.scene.globe.material = material;

运行,即可重现

预计结果
正常显示globe材质

截图
b348ea445af6dbd1f280d1fe381ccaa

系统信息
OS: Win10 X64
Browser: Chrome

ArcGIS/ArcServer OGC服务出图

arcgis wms服务

ArcGIS服务

点击上面的网页,弹出对应的网页如下所示:

arcserver

  1. 关注上面的红色框,第一个红色框需要注意的是一定要发布对应的WMS服务即出现“WMS”关键字眼

    如果没有WMS选项,请先发布个WMS服务,要不然webclient脚本调用不了

  2. 点击wms,获得对应的链接 http://222.247.40.204:6080/arcgis/services/hnbianjiexian/MapServer/WMSServer?request=GetCapabilities&service=WMS
  3. 将上面链接 号之前的地址复制到脚本里面
    var Layer = L.tileLayer.wms('http://222.247.40.204:6080/arcgis/services/hnbianjiexian/MapServer/WMSServer?', {
        //图层序列号
        layers: '0,1,2',
        //wms版本号
        version: '1.3.0',
        //设置地图不连续显示
        noWrap:true
    }).addTo(map);
  4. 设置对应的中心点,请注意 纬度在前面, 经度在后面 与正常的习惯相反
  5. 设置对应的显示级别

关于ZondyWebClient调用OGC服务的一些建议

您的功能请求是否与问题有关? 请描述一下。
1.MapGIS发布地图服务前应该将高斯投影数据做投影变换。
2.ArcGIS发布地图服务在属性中更改投影变换。
3.关于调用ArcServer发布的地图服务调用不显示问题应该如何处理?投影变换后发布的ArcGIS服务还是不能在WebClient里面调用,不知是否是layers参数和version参数导致。若是,应该如何正确提供ArcGIS发布的服务的版本。

描述你想要的解决方案
我在本地部署的ArcGIS以及ArcServer(均为10.3版本) 发布的地图服务不可以在WebClient里面调用成功。
是否可以在公司内部服务器上部署一套10.3环境,并发布服务,然后提供Webclient展示案例.

描述您考虑过的替代方案
对您考虑的任何替代解决方案或功能的简明扼要描述。

附加背景
在此处添加有关功能请求的任何其他上下文或屏幕截图。

ArcGIS/ArcServer OGC出图

arcgis wms服务

ArcGIS服务

点击上面的网页,弹出对应的网页如下所示:

arcserver

  1. 关注上面的红色框,第一个红色框需要注意的是一定要发布对应的WMS服务即出现“WMS”关键字眼

    如果没有WMS选项,请先发布个WMS服务,要不然webclient脚本调用不了

  2. 点击wms,获得对应的链接 http://222.247.40.204:6080/arcgis/services/hnbianjiexian/MapServer/WMSServer?request=GetCapabilities&service=WMS
  3. 将上面链接 号之前的地址复制到脚本里面
    var Layer = L.tileLayer.wms('http://222.247.40.204:6080/arcgis/services/hnbianjiexian/MapServer/WMSServer?', {
        //图层序列号或者名字
        layers: '0,1,2',
        //wms版本号
        version: '1.3.0',
        //设置地图不连续显示
        noWrap:true
    }).addTo(map);
  4. 设置对应的中心点,请注意 纬度在前面, 经度在后面 与正常的习惯相反
  5. 设置对应的显示级别

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.