虽说GIS这门学科很复杂,但是从开发层次来划分,一般分为底层开发和二次开发。GIS组件发展迅速,将底层算法进行了封装。二次开发人员只要掌握相关组件的API函数,基本能完成业务需求。...SuperMap平台下WEB地图开发套件的使用。...获取开发包。libs文件夹存放产品的库文件。下图是四个分库支持的功能: ? SuperMap.js为总库文件,支持所有功能。...SuperMap.Includ.js是引用文件,用来在内部统一引用上述JS和其他CSS资源文件。...--引用需要的脚本 注意:SuperMap.Include.js内部已经动态引用相关JS,CSS文件--> <script src="<em>supermap</em>/libs/<em>SuperMap</em>.Include.<em>js</em>
Supermap GIS地图知识点 Supermap GIS地图的一个周边查询功能,我这个是一个简单版的。 周边查询就是在地图上随机点一个点,然后查询这个点的周边。...y = origin.y + (radius * Math.sin(rotatedAngle)); points.push(new SuperMap.Geometry.Point...rotatedAngle)); y = origin.y + (radius * Math.sin(rotatedAngle)); points.push(new SuperMap.Geometry.Point...(x, y)); var ring = new SuperMap.Geometry.LinearRing(points); ring.rotate(parseFloat...(angel), origin); var geo = new SuperMap.Geometry.Collection([ring]);//ring环状图
学SuperMap也有一段时间了,总结一下 软件下载:请到超图技术资源中心:http://support.supermap.com.cn 第一步:导入数据 第二步:选择数据 选择线的时候多选一点线...,路径分析最重要的就是路 第三步:构建二维网格 设置二维网格 第四步:测试最佳路径 第五步:发布 下载:supermap-iserver 下载请到超图技术资源中心:http...://support.supermap.com.cn/product/iServer.aspx supermap-iserver 解压即可用 01:启动 iserver 02:注册 这里已经注册过了...就不演示了 03:发布地图 第六步:把地图用网页浏览 下载:SuperMap for JavaScript 请到超图技术资源:http://support.supermap.com.cn
逻辑与(&&)逻辑与本身没什么好讲的,但在JS中使用它编写的代码异常简约漂亮//什么真值假值,我就不解释了,直接上代码------------------------------------------
记录一下那段不分昼夜的9107工作历程,同时也给后来准备入坑的weex开发者,尤其是对于iOS端原生开发者提供一系列参考和帮助。...首先要吐槽下,同为混合开发框架,React Native的技术社区完善不知道甩了weex几条街,但还是希望自己的经验能为weex开发者带来一些帮助 weex 集成过程在官网已经有比较详细的介绍(官网链接...带着疑问,去尝试调了下,weex 果然报了错,而且给出了下面的 weex 内部文件报错路径 ~/.xtoolkit/node_modules/weexpack/lib/utils/index.js 猜测这个可能就是控制调试...后来和前端开发的同事交流了下,因为牵扯到屏幕适配问题,而这又是另外一个坑。。 在后续的开发过程中,碰到了一次 Xcode 自动升级,从9.4.1升至10.0版本。...而项目使用的 SuperMap SDK 又要必须 lstdc++.6.0.9.tbd 支持,我在superMap论坛上提问并得到官方的回复后(问题链接),无奈的决定将 Xcode 回滚至9.4.1版本。
官方featureResults查询文档: http://support.supermap.com.cn/DataWarehouse/WebDocHelp/iServer/mergedProjects/...ps重点: 查询模式的适用情况 supermap 查询字段说明文档: http://support.supermap.com.cn/DataWarehouse/WebDocHelp/iPortal...} } ], "type":"FeatureCollection" }以SQL为例 PS : 最终总结 多看官方文档,多在featureResults 页面 调试supermap...iserver featureResults查询模式官方文档说明:http://support.supermap.com.cn/DataWarehouse/WebDocHelp/iServer/mergedProjects...SuperMapiServerRESTAPI/root/data/featureResults/featureResults.htmsupermap iserver 查询接口响应系统字段说明:http://support.supermap.com.cn
最先接触地图开发在09年做疯狂英语包会营官方网站,没有什么印象了,应该是没有啥进展。应该是到13年在 常盈的时候,用百度地图API做了很多的地图定制开发。比如一块去旅行的景点地图。...最近一年用了maptalks来做地图开发。但是真如官方说是,现在是3D的时代,所以cesium是 必杀技了3D data is all around us..../github.com/AnalyticalGraphicsInc/cesium-workshop cesium替换为最新的,或者下载最新cesiumjs,解压,npm i,node server.js...即可运行浏览 里面的Documentation,查看相关API说明,浏览 里面的 Sandcastle ,查看相关 demo详情,和原来学习百度地图 JS API 类似 http://lbsyun.baidu.com.../userstories/超图WebGL引擎案例集合(基于Cesium改造) :http://support.supermap.com.cn:8090/webgl/examples/examples.html
目前很多公司都提供了自己的二次开发包,在前端的有OpenLayers、AGS API for JS、maptalks。在后台的也有geoTools、AO等。...WebGIS开发API选择 主流的开发API有:ArcGIS API、SuperMap API 、OpenLayer、LeafLet、百度API、天地图API等。谷歌和必应的相对用的较少。...国内主要是用ArcGIS Server和SuperMap iServer两个地图服务器,另外还有GeoServer的开源地图服务器。...总结来说,大项目选择ArcGIS 或SuperMap,大中型的选择SuperMap或者OpenLayer,小项目就使用maptalks。...另外,三维的项目需求也比较多了,特别是二三维一体化的项目,还有个Cesuim、three.js这个用得比较多。以后肯定是毋庸置疑往三维上发展的。
3、SuperMap GISSuperMap GIS是北京超图软件股份有限公司开发的,具有完全自主知识产权的大型地理信息系统软件平台。...SuperMap GIS历经二十余年的技术沉淀,构建了云边端一体化的产品体系,包含云GIS服务器、边缘GIS服务器、端GIS等多种软件产品,并通过SuperMap Online产品提供在线GIS服务。...优劣势 优势: 二次开发简洁便利:提供丰富的API接口,支持多种编程语言,方便开发者进行二次开发。 符号库符合国情:符号库设计考虑国内用户需求,更符合国内使用习惯。...定制开发能力有限:可能无法满足一些高级用户的定制开发需求。 主要特点 技术创新:SuperMap GIS始终坚持自主创新,不断推出新技术和新特性。...SuperMap GIS、MapGIS、ArcGIS和QGIS各有优势,可以根据自身需求进行选择。
Javascript在web开发中已经稳稳的占据了重要位置,现在已经开始渗透到桌面开发了 Electron 便是用来创建桌面应用的框架 使用 JavaScript + HTML + CSS 就可以开发跨平台的桌面应用...是否满足桌面应用开发的需求呢?...右边的界面是不是很熟悉,因为Electron就是基于Chromium的 代码结构 electron_test ├── package.json ├── main.js └── index.html package.json...{ "name": "deskjs", "version": "0.1.0", "main": "main.js" } 格式和 Node 的完全一致,main 字段是应用的启动脚本 index.html... Hello World 第一个 JS 桌面应用</
JS 數組切片 js切片,将一维数组,切成n组长度3的二维数组 var a = [1, 2, 3, 4, 5, 6, 7, 8] var result = [] function slice(l)...按位或( | ) 0011 0101 0111 向下取浮点数,n|0,浮点数不参与位数运算,所以舍去,n|0=n js null类型为对象的原因 在js最初的设计当中,规定存储数据中...与 property区别 property可以看成是html中属性在JS当中的映射。...', function () { history.pushState(null, null, document.URL); }); JS函数柯里化 1.js函数的隐式转换默认会调用...JS词法作用域 js采取的是词法作用域,所以,无论函数在哪里被调用,或者以任何形式被调用,其词法作用域只由其被声明时的位置决定。
1.调试js 安装Debuger for chrome插件,点击F5,选择chrome,vscode自动生成lauch.json如下...] } chrome attach调试,chrome端使用--remote-debugging-port=9222方式启动,然后配置lauch.json的request为attach js...未验证的断点----可以用debuger下断点): 在要被调用的文件开始处,加//@ sourceURL=ParcelProcessWaitForArchivedListPage.js
于是,我们想到了开发“智能生活管家”系统,以用户APP的方式和用户交互并提供相关功能,我们希望将自己所学专业知识,运用到实际生活中,甚至能够帮助人们更好的生活!...其中GIS相关技术基本采用Supermap Gis相关软件产品实现:其中地图的制作及发布使用Supermap idesktop 9D(2019),用到了分级配图、专题配图、空间数据库对接、地图发布等功能...;云GIS相关功能使用Supermap iServer 9D(2019),使用了iServer的云地图服务、数据服务以及使用iServer和空间数据库对接等功能;移动GIS开发则全部使用Supermap...imobile 9D(2019)开发组件进行二次开发,使用相关组件实现了地图显示、数据上传、数据分析、数据统计、数据挖掘、大数据可视化及时空数据可视化等功能。...,对于地图坐标系也很难针对系统特点进行自定义,因此在系统开发中我们使用了Supermap iDesktop强大的地理空间数据处理及地图成图功能,结合系统需求设计了不同风格的电子地图。
编者按:超图于2017 GIS 软件技术大会上发布了大数据时代的GIS基础软件——SuperMap GIS 9D。...为了让大家能更全面的认识SuperMap GIS 9D在大数据领域的成果和能力,我们策划了SuperMap GIS 9D大数据系列文章,从技术、产品、数据和应用等多个维度进行全面、系统的介绍和阐述。...Spark是目前大数据技术中使用最为广泛的分布式计算框架,在SuperMap GIS 9D产品中,我们将SuperMap GIS基础内核与Spark框架进行了深度融合。...另一方面,我们也清晰的认识到,在大数据GIS应用中常常需要结合具体应用场景进行有针对性的组织和扩展开发,那么如何使用SuperMap iObjects Java for Spark扩展模块进行大数据GIS...应用开发,我们将在后续的文章中进行具体介绍,请大家持续关注!
编者按:超图于2017 GIS 软件技术大会上发布了大数据时代的GIS基础软件——SuperMap GIS 9D。...为了让大家能更全面的认识SuperMap GIS 9D在大数据领域的成果和能力,我们策划了SuperMap GIS 9D大数据系列文章,从技术、产品、数据和应用等多个维度进行全面、系统的介绍和阐述。...在SuperMap GIS 9D系列产品中,大数据空间可视化结合了GPU、分布式存储、分布式计算等多种技术,从实时展示、历史查看、信息提取三个层次为大数据提供完备的空间可视化能力。...在SuperMap GIS 9D系列产品中,在传统的桌面端、web端、二维、三维中都分别基于硬件加速技术推出支持大规模对象高效实时渲染图层。...图5 多个图层表达首都机场航班进出港航班信息 实时展示,历史查看沿用了传统的符号化、标注等空间数据可视化思路,结合硬件加速,分布式存储,使得SuperMap GIS 9D在数据的承载力及性能上都有了很高的提升
前言碎语 今天为大家带来一款基于node的mvc开发框架Think.js,这是由奇虎360奇舞团团队打造的一款轻量的node mvc框架。...think的设计借鉴了大部分的thinkphp的思想,开发的时候看项目目录结构以及层次就可以看到thinkphp的影子,所以,如果你有thinkphp的开发经验,使用think开发node应用是so easy...代码自动更新 ThinkJS 内置了一套代码自动更新的机制,文件修改后立即生效,不用重启 Node.js 服务,也不用借助第三方模块。...自动创建 REST 接口 使用 thinkjs 命令可以自动创建 REST 接口,不用写任何的代码即可完成 REST API 的开发。... create : demo/app/common/config/view.js create : demo/app/common/config/db.js ...
本文作者:IMWeb 林鑫 原文出处:IMWeb社区 未经同意,禁止转载 前言 随着 Vue.js 越来越火,Vue.js 的相关插件也在不断的被贡献出来,数不胜数。...但是我们更多的人还只停留在使用的阶段,比较少自己开发。所以接下来会通过一个简单的 vue-toast 插件,来了解掌握插件的开发和使用。 认识插件 想要开发插件,先要认识一个插件是什么样子的。...Vue.js 的插件应当有一个公开方法 install 。...先新建个js文件来编写插件:toast.js // toast.js var Toast = {}; Toast.install = function (Vue, options) { Vue.prototype...开发 vue-toast 需求:在组件中通过调用 this.$toast('网络请求失败') 来弹出提示,默认在底部显示。可以通过调用 this.$toast.top() 或 this.
click方法用于监听用户单击操作,dbclick方法用于监听用户双击操作,这两个方法用法及其类似,所以这只介绍click事件,只有单击释放后才生效,而且同一元...
由于近期需要开发一个比较复杂的组件,所以决定采用typescript进行开发。...之前有用过typescript进行开发,用tsc打包后,再用脚本将所有js进行合并,然后再用uglyjs压缩js,但是最终报错了,原因就是合并js的顺序问题,后来用脚本指定合并js的顺序。...本次采用typescript+webpack进行开发,此篇文章记录一下项目的构建流程。 初始化项目 1....配置 | -- webpack.development.production.js webpack配置 配置 1. ts相关配置 tsconfig.json: {..."] } 2. webpack相关配置 webpack.config.js: const path = require("path"); var config = { entry: ".
node.js开发框架--koa 一、安装 二、koa入门 三、处理URL 1.处理URL基本方法 2.使用路由koa-router处理URL 3.路由的模块化封装 一、安装 生成配置文件:cnpm init...); // 监听端口 app.listen(port,host,()=>{ console.log(`http://${host}:${port}`); }); 3.路由的模块化封装 app.js...app.use(router()); app.listen(port,host,()=>{ console.log(`http://${host}:${port}`); }); routerMiddle.js...require("koa-router")(); addController(router,routes); return router.routes(); } router/index.js...ctx.response.body="表单注册"; } // 模块导出 module.exports={ 'GET /':f_index, 'POST /':f_regest } router/login.js
领取专属 10元无门槛券
手把手带您无忧上云