Git Product home page Git Product logo

mapgis / webclient-javascript Goto Github PK

View Code? Open in Web Editor NEW
171.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 People

Contributors

cq-bliss avatar gia810 avatar gia874 avatar gyj12 avatar huayaozihan avatar jsdelivrbot avatar killer1992 avatar liao-x-d avatar marsqiu avatar mayuanye2008 avatar parndeedlit avatar rambler-8 avatar sunny-rgb avatar wang123-ks avatar yuchao-xie avatar zhangying-zy618 avatar zhunjoe avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

webclient-javascript's Issues

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

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: 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. 设置对应的显示级别

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

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

关于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. 设置对应的显示级别

首页-概览-显示问题

🚨 请仔细查看下面的描述

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-黄漭

💔 感谢大家的共同维护!

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-黄漭

💔 感谢大家的共同维护!

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子目录

测试功能需求

您的功能请求是否与问题有关? 请描述一下。
怎么向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

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

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

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,指向其他坐标无偏卫星地图,例如天地图

DataStore-分布式空间分析

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

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

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. 设置对应的显示级别

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

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

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

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

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

image

空间分析

🚨 请仔细查看下面的描述

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-黄漭

💔 感谢大家的共同维护!

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-黄漭

💔 感谢大家的共同维护!

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.