| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [Original HTTPS Page] |
1 parent 37dcd8b commit 1c24272
7 files changed
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -1,70 +1,127 @@ | |||
| 1 | 1 | # MapGIS Webclient Javascript Website | |
| 2 | 2 | ||
| 3 | + ## 安装依赖环境 | ||
| 3 | 4 | ||
| 4 | - ## Project setup | ||
| 5 | 5 | ``` | |
| 6 | - npm install | ||
| 6 | + npm install | ||
| 7 | 7 | # or | |
| 8 | 8 | yarn install | |
| 9 | 9 | ``` | |
| 10 | 10 | ||
| 11 | - ### Compiles and hot-reloads for development | ||
| 11 | + ### 编译测试 | ||
| 12 | + | ||
| 12 | 13 | ``` | |
| 13 | - npm run serve | ||
| 14 | + npm run serve | ||
| 14 | 15 | # or | |
| 15 | 16 | yarn serve | |
| 16 | 17 | ``` | |
| 17 | 18 | ||
| 18 | - ### Compiles and minifies for production | ||
| 19 | + ### 打包 | ||
| 20 | + | ||
| 19 | 21 | ``` | |
| 20 | - npm run build | ||
| 22 | + npm run build | ||
| 21 | 23 | # or | |
| 22 | 24 | yarn build | |
| 23 | 25 | ``` | |
| 24 | 26 | ||
| 25 | - ### Lints and fixes files | ||
| 27 | + ### 代码格式检查 | ||
| 28 | + | ||
| 26 | 29 | ``` | |
| 27 | - npm run lint | ||
| 30 | + npm run lint | ||
| 28 | 31 | # or | |
| 29 | 32 | yarn lint | |
| 30 | 33 | ``` | |
| 31 | 34 | ||
| 32 | - ### Customize configuration | ||
| 33 | - See [Configuration Reference](https://cli.vuejs.org/config/). | ||
| 35 | + ### 自定义配置 | ||
| 36 | + | ||
| 37 | + 请看 [配置引用](https://cli.vuejs.org/config/). | ||
| 38 | + | ||
| 39 | + # 发布 | ||
| 40 | + | ||
| 41 | + 直接将 | ||
| 42 | + | ||
| 43 | + ``` | ||
| 44 | + npm run build | ||
| 45 | + # or | ||
| 46 | + yarn build | ||
| 47 | + ``` | ||
| 48 | + | ||
| 49 | + ## 1. windows | ||
| 50 | + | ||
| 51 | + > window2008 后(包括 2008)版本直接使用 IIS 的 dist 目录发布到对应的 IIS 服务中即可正常使用。 | ||
| 52 | + | ||
| 53 | + ## 2. linux | ||
| 54 | + | ||
| 55 | + > 使用 nginx / tomcat 发布 dist 目录的网页 | ||
| 34 | 56 | ||
| 35 | - # express 后台运行f发布 | ||
| 57 | + ## 3. nodejs | ||
| 36 | 58 | ||
| 37 | - 1. 安装全局的express环境 | ||
| 38 | - ``` sh | ||
| 59 | + > 请使用 http-server 来预览网页 | ||
| 60 | + | ||
| 61 | + ``` | ||
| 62 | + cd /path/to/website | ||
| 63 | + http-server -p 8899 | ||
| 64 | + ``` | ||
| 65 | + | ||
| 66 | + ## 4. express windows-server-2003 | ||
| 67 | + | ||
| 68 | + express 后台运行发布 | ||
| 69 | + | ||
| 70 | + > 针对 windows-server-2003 的老操作系统,由于其不支持各种新的三维纹理以及特殊的 json 格式,mvt.pbf 格式因此统一处理成二进制文件 | ||
| 71 | + | ||
| 72 | + 1. 安装全局的 express 环境 | ||
| 73 | + ```sh | ||
| 39 | 74 | npm install -g express-generator@4 | |
| 40 | 75 | ``` | |
| 41 | - 2. 进入对应的webclient-javascript-vue的express目录下 | ||
| 42 | - ``` sh | ||
| 76 | + 2. 进入对应的 webclient-javascript-vue 的 express 目录下 | ||
| 77 | + ```sh | ||
| 43 | 78 | cd path/to/website/express | |
| 44 | 79 | ``` | |
| 45 | - 3. 在express目录下新建server文件夹,并按需修改app.js中的端口 | ||
| 46 | - ``` sh | ||
| 80 | + 3. 在 express 目录下新建 server 文件夹,并按需修改 app.js 中的端口 | ||
| 81 | + ```sh | ||
| 47 | 82 | express server && cd server | |
| 48 | 83 | ``` | |
| 49 | - ``` js | ||
| 50 | - app.listen(8899) | ||
| 84 | + ```js | ||
| 85 | + app.listen(8899); | ||
| 51 | 86 | ``` | |
| 52 | - 4. 在server目录下安装依赖 | ||
| 53 | - ``` sh | ||
| 87 | + 4. 在 server 目录下安装依赖 | ||
| 88 | + ```sh | ||
| 54 | 89 | npm install | |
| 55 | 90 | npm install --save node-windows | |
| 56 | 91 | npm start | |
| 57 | 92 | ``` | |
| 58 | - 5. 复制上一级中的windowserver.js到当前目录,并修改里面的路径 | ||
| 59 | - ``` js | ||
| 93 | + 5. 复制上一级中的 windowserver.js 到当前目录,并修改里面的路径 | ||
| 94 | + ```js | ||
| 60 | 95 | let svc = new Service({ | |
| 61 | - name: "WebClientTest", //服务名称 | ||
| 62 | - description: "WebClient项目NodeJs服务器", //描述 | ||
| 63 | - script: "path/to/webclient-javascript-vue/express/server/bin/www", //nodejs项目要启动的文件路径 | ||
| 96 | + name: 'WebClientTest', //服务名称 | ||
| 97 | + description: 'WebClient项目NodeJs服务器', //描述 | ||
| 98 | + script: 'path/to/webclient-javascript-vue/express/server/bin/www' //nodejs项目要启动的文件路径 | ||
| 64 | 99 | }); | |
| 65 | 100 | ``` | |
| 66 | - 6. 启动对应的windowserver脚本,注册为windows的服务 | ||
| 67 | - ``` sh | ||
| 101 | + 6. 启动对应的 windowserver 脚本,注册为 windows 的服务 | ||
| 102 | + ```sh | ||
| 68 | 103 | node windowserver.js | |
| 69 | 104 | ``` | |
| 70 | - 7. 在windows的服务中,启动服务,默认情况是随开机自启的 | ||
| 105 | + 7. 在 windows 的服务中,启动服务,默认情况是随开机自启的 | ||
| 106 | + | ||
| 107 | + # 离线部署站点 | ||
| 108 | + | ||
| 109 | + > 将 public/static/libs/include-xxx-local.js 文本种尾部的 webclient 的配置项中的 ip,端口,协议改成对应的局域网 ip 即可实现。 | ||
| 110 | + | ||
| 111 | + ```js | ||
| 112 | + // public/static/libs/include-xxx-local.js | ||
| 113 | + window.webclient = { | ||
| 114 | + ip: 'develop.smaryun.com', | ||
| 115 | + port: 6163, | ||
| 116 | + protocol: 'http' | ||
| 117 | + }; | ||
| 118 | + ``` | ||
| 119 | + | ||
| 120 | + > 示例中的地址自动被替换成对应的局域网的地址 | ||
| 121 | + | ||
| 122 | + ```js | ||
| 123 | + //加载M3D地图文档(服务地址,配置参数) | ||
| 124 | + var { protocol, ip, port } = window.webclient; | ||
| 125 | + landscapeLayer = m3dLayer.append(`${protocol}://${ip}:${port}/igs/rest/g3d/ZondyModels`; | ||
| 126 | + // http://develop.smaryun.com:6163 => http://ip:port | ||
| 127 | + ``` | ||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -11,6 +11,7 @@ | |||
| 11 | 11 | "dependencies": { | |
| 12 | 12 | "axios": "^0.19.0", | |
| 13 | 13 | "core-js": "^3.3.2", | |
| 14 | + "echarts": "^4.8.0", | ||
| 14 | 15 | "element-ui": "^2.12.0", | |
| 15 | 16 | "js-cookie": "^2.2.1", | |
| 16 | 17 | "less": "^3.10.3", | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -57,7 +57,7 @@ export const Headers = [ | |||
| 57 | 57 | "MapGIS地图服务", | |
| 58 | 58 | "场景" /* "IGServer-X", "IGServer-S" */, | |
| 59 | 59 | ], | |
| 60 | - ["三维空间分析", "轨迹模拟", "图形绘制", "工具" /* "查询" */], | ||
| 60 | + ["三维空间分析", "轨迹模拟", "图形绘制", "工具", "查询"], | ||
| 61 | 61 | [ | |
| 62 | 62 | "客户端可视化", | |
| 63 | 63 | "客户端-Echarts", | |
@@ -79,7 +79,7 @@ export const Headers = [ | |||
| 79 | 79 | "/gallery/cesium#track", | |
| 80 | 80 | "/gallery/cesium#drawGraphic", | |
| 81 | 81 | "/gallery/cesium#measure", | |
| 82 | - /* "/gallery/cesium#query", */ | ||
| 82 | + "/gallery/cesium#query", | ||
| 83 | 83 | ], | |
| 84 | 84 | [ | |
| 85 | 85 | "/gallery/cesium#clientView-heatmap", | |
@@ -114,7 +114,7 @@ export const Headers = [ | |||
| 114 | 114 | "/docs/cesium/module-%25E5%25AE%25A2%25E6%2588%25B7%25E7%25AB%25AF%25E8%25A7%2586%25E5%259B%25BE%25E7%25AE%25A1%25E7%2590%2586.html", | |
| 115 | 115 | "/docs/cesium/module-%25E5%25AE%25A2%25E6%2588%25B7%25E7%25AB%25AF%25E5%258F%25AF%25E8%25A7%2586%25E5%258C%2596%25E5%2588%2586%25E6%259E%2590.html", | |
| 116 | 116 | ], | |
| 117 | - ["https://cesium.com/docs/cesiumjs-ref-doc/", "http://turfjs.org/"], | ||
| 117 | + ["/docs/other/mapgis-cesium/index.html", "http://turfjs.org/"], | ||
| 118 | 118 | ], | |
| 119 | 119 | }, | |
| 120 | 120 | ], | |
@@ -346,7 +346,7 @@ export const SubHeader = [ | |||
| 346 | 346 | routes: [ | |
| 347 | 347 | ["./docs/cesium/index.html", "igserverx", "igservers"], | |
| 348 | 348 | ["clientview", "http://turfjs.org/", "elasticsearch"], | |
| 349 | - ["https://cesium.com/docs/cesiumjs-ref-doc/"], | ||
| 349 | + ["/docs/other/mapgis-cesium/index.html"], | ||
| 350 | 350 | ], | |
| 351 | 351 | }, | |
| 352 | 352 | ], | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -1,12 +1,51 @@ | |||
| 1 | 1 | <template> | |
| 2 | 2 | <div class="download-wrapper"> | |
| 3 | + <!-- <br /> | ||
| 4 | + <el-divider> | ||
| 5 | + <h2>All-in-One整合包</h2> | ||
| 6 | + </el-divider> | ||
| 7 | + <el-row> | ||
| 8 | + <el-tooltip | ||
| 9 | + class="item" | ||
| 10 | + effect="dark" | ||
| 11 | + content="百度网盘链接" | ||
| 12 | + placement="bottom" | ||
| 13 | + > | ||
| 14 | + <el-button type="primary"> | ||
| 15 | + <a | ||
| 16 | + href="" | ||
| 17 | + target="_blank" | ||
| 18 | + >完整包</a> | ||
| 19 | + </el-button> | ||
| 20 | + </el-tooltip> | ||
| 21 | + <el-divider direction="vertical"></el-divider> | ||
| 22 | + <span>该包含有webclient主站点、四大脚本SDK、三方cdn以及离线数据</span> | ||
| 23 | + </el-row> | ||
| 24 | + <br /> | ||
| 25 | + <el-row> | ||
| 26 | + <el-tooltip | ||
| 27 | + class="item" | ||
| 28 | + effect="dark" | ||
| 29 | + content="包含webclient主站点、四大脚本、三方cdn" | ||
| 30 | + placement="bottom" | ||
| 31 | + > | ||
| 32 | + <el-button type="info"> | ||
| 33 | + <a | ||
| 34 | + href="" | ||
| 35 | + target="_blank" | ||
| 36 | + >精简包</a> | ||
| 37 | + </el-button> | ||
| 38 | + </el-tooltip> | ||
| 39 | + <el-divider direction="vertical"></el-divider> | ||
| 40 | + <span>该包含有webclient主站点、四大脚本SDK、三方cdn</span> | ||
| 41 | + </el-row> --> | ||
| 3 | 42 | <br /> | |
| 4 | 43 | <el-divider> | |
| 5 | - <h2>下载</h2> | ||
| 44 | + <h2>SDK下载</h2> | ||
| 6 | 45 | </el-divider> | |
| 7 | 46 | <el-row> | |
| 8 | 47 | <h4>在这里,可以下载到所有您需要的中地数码 WebClient 产品。</h4> | |
| 9 | - <h2>10.3.4.10</h2> | ||
| 48 | + <h2>10.3.5.10</h2> | ||
| 10 | 49 | <el-row> | |
| 11 | 50 | <el-tooltip | |
| 12 | 51 | class="item" | |
@@ -30,10 +69,7 @@ | |||
| 30 | 69 | content="只包含webclient主脚本" | |
| 31 | 70 | placement="bottom" | |
| 32 | 71 | > | |
| 33 | - <el-button | ||
| 34 | - type="info" | ||
| 35 | - plain | ||
| 36 | - ><a | ||
| 72 | + <el-button type="info"><a | ||
| 37 | 73 | href="/static/download/webclient-min.rar" | |
| 38 | 74 | download="webclient-min.rar" | |
| 39 | 75 | >精简包</a></el-button> | |
@@ -55,12 +91,72 @@ | |||
| 55 | 91 | npm install @mapgis/webclient | |
| 56 | 92 | </el-tag> | |
| 57 | 93 | </el-row> | |
| 94 | + <br /> | ||
| 95 | + <el-divider> | ||
| 96 | + <h2>版本信息</h2> | ||
| 97 | + </el-divider> | ||
| 98 | + <el-row> | ||
| 99 | + <el-col | ||
| 100 | + v-for="(v,i) in version" | ||
| 101 | + :key="i" | ||
| 102 | + :xs="24" | ||
| 103 | + :sm="12" | ||
| 104 | + :md="12" | ||
| 105 | + :lg="12" | ||
| 106 | + :xl="12" | ||
| 107 | + > | ||
| 108 | + <el-divider content-position="center"> | ||
| 109 | + <el-tag type="info">{{v.name}}</el-tag> | ||
| 110 | + </el-divider> | ||
| 111 | + <iframe | ||
| 112 | + class="version-frame" | ||
| 113 | + frameborder="0" | ||
| 114 | + :src="`/static/libs/cdn/zondyclient/${v.plugin}.html`" | ||
| 115 | + /> | ||
| 116 | + <br /> | ||
| 117 | + </el-col> | ||
| 118 | + </el-row> | ||
| 58 | 119 | </div> | |
| 59 | 120 | </template> | |
| 60 | 121 | ||
| 61 | 122 | <script> | |
| 62 | 123 | export default { | |
| 63 | - | ||
| 124 | + data () { | ||
| 125 | + return { | ||
| 126 | + version: [ | ||
| 127 | + { | ||
| 128 | + name: 'Cesium运行时版本', | ||
| 129 | + plugin: 'webclient-cesium-plugins.min' | ||
| 130 | + }, | ||
| 131 | + { | ||
| 132 | + name: 'Cesium调试时版本', | ||
| 133 | + plugin: 'webclient-cesium-plugins' | ||
| 134 | + }, | ||
| 135 | + { | ||
| 136 | + name: 'MapboxGL运行时版本', | ||
| 137 | + plugin: 'webclient-mapboxgl-plugin.min' | ||
| 138 | + }, | ||
| 139 | + { | ||
| 140 | + name: 'MapboxGL调试时版本', | ||
| 141 | + plugin: 'webclient-mapboxgl-plugin' | ||
| 142 | + }, { | ||
| 143 | + name: 'Leaflet运行时版本', | ||
| 144 | + plugin: 'webclient-leaflet-plugin.min' | ||
| 145 | + }, | ||
| 146 | + { | ||
| 147 | + name: 'Leaflet调试时版本', | ||
| 148 | + plugin: 'webclient-leaflet-plugin' | ||
| 149 | + }, { | ||
| 150 | + name: 'Openlayers运行时版本', | ||
| 151 | + plugin: 'webclient-openlayers-plugin.min' | ||
| 152 | + }, | ||
| 153 | + { | ||
| 154 | + name: 'Openlayers调试时版本', | ||
| 155 | + plugin: 'webclient-openlayers-plugin' | ||
| 156 | + }, | ||
| 157 | + ] | ||
| 158 | + } | ||
| 159 | + } | ||
| 64 | 160 | } | |
| 65 | 161 | </script> | |
| 66 | 162 | <style lang="scss"> | |
@@ -73,5 +169,9 @@ export default { | |||
| 73 | 169 | .download-tag { | |
| 74 | 170 | width: 100%; | |
| 75 | 171 | } | |
| 172 | + .version-frame { | ||
| 173 | + width: 100%; | ||
| 174 | + height: 180px; | ||
| 175 | + } | ||
| 76 | 176 | } | |
| 77 | 177 | </style> | |
| Back | FazBrowse Home | New Git URL |
0 commit comments