随笔分类 - Electron
摘要:echarts是效果丰富的图表库,当时考虑怎么炫怎么来就引入了这个库来做图表展示,官网:http://echarts.baidu.com 项目里用的比较浅,估且一看吧 代码:
阅读全文
摘要:ol3-ext有很多很丰富的效果,可以不用重复造轮子,ol3-ext示例大全:http://viglino.github.io/ol3-ext/ 在本次项目中使用到了ol3-ext的两个功能:图层管理器和辅助工具栏 1.图层管理器 实现的功能有: 1)设置图层显示与隐藏 2)设置图层组显示与隐藏 3
阅读全文
摘要:一群做C++的老伙计搞前端开发,徒手写html和css应该会折寿。。在网上找了半天,Materialize算是用起来很方便的一款前端界面框架。Google的Material Design看起来感觉还是很美观的。话不多说,上界面。 1.主界面 主要用到了: 1)Navbar导航栏 2)SideNav侧
阅读全文
摘要:图形编辑工具提供对要素图形进行增、删、改的功能,具体包括以下几种工具类型: 浏览工具 选择工具 创建要素工具 删除命令 分割工具 合并命令 节点编辑工具 修边工具 撤销命令 重做命令 工具的实现基本上是基于ol.interation来实现的,只不过做了组合、结果处理等实现。分割工具效果图如下: 实现
阅读全文
摘要:首先看实现效果: 实现要点: 1)树形标注实现 2)复杂标注样式定义 3)效率优化 1.树形标注实现 树形标注采用字体符号来实现,包括以下几个步骤 1)载入字体 2)设置标注值与字体对照关系 3)设置TextStyle 2.复杂标注样式定义 1)使用格网来定义每个标注部分所占单元格跨度 2)将每个部
阅读全文
摘要:瓦片数据集接入实现思路: 1.构造ol.source.TileImage数据源,构造该数据源需要以下几项: 1)空间参考,通过如下代码构造 2)TileGrid,构造需要以下几项: a)原点 b)分辨率集合 c)matrixIds 3)瓦片获取回调函数,即通过传入级别、行号、列号返回其瓦片Image
阅读全文
摘要:Openlayers默认了两种空间参考,一个是EPSG4326,一个是EPSG3857,其它的空间参考需要进行扩展才能使用。所以我们初始化时进行了如下操作: 1.将配置数据库中所有的空间参考读取出来,包括EPSG号码和PROJ4定义字符串 2.使用proj4.js的defs方法进行空间参考扩充
阅读全文
摘要:在选择开源前端GIS框架的时候,定下来MapBox和Openlayers3。起初被MapBox美观的地图显示效果所吸引,研究后发现其实现机制与MAPZONE GIS SDK相差深远,不如Openlayers3来的实在。 MAPZONE GIS DESK接入Openlayers3主要包括以下几个方面:
阅读全文
摘要:0.写在前面: 1)涉及的关键词定义: 传入:JavaScript向CAPI传值 传出:CAPI向JavaScript传值 2)关于类和结构体的封装,需要严格执行内存对齐,以防止读取越界,但是避免不了经常会遇到长度不定的数组、字符串等,比较麻烦。所以我们采用的技术方案是将类打平成CAPI的方式进行封
阅读全文
摘要:目前在网上能搜到的JS调C++动态库的实现有两种,一种是通过开发Node.js addon模块的方式实现调用,这种对于我们已有的代码实现比较复杂,需要大量的开发,因此不适用;另一种是通过FFI模块,FFI的全称是Foreign Function Interface,该项目生来就是解决NodeJS的本
阅读全文
摘要:背景介绍:我们已经有一套代码在windows和android上编译通过了,目前需要将这些代码在MacOS和Linux上编成动态链接库,所以直接使用android的编译宏,少量修改即可正常编译。这里只是介绍如何使用CLion进行跨平台编译。 1.使用CLion的Import Project from
阅读全文
摘要:1.打开VS Code,使用文件->打开,打开程序目录 2.切换到调试选项卡 3.打开launch.json配置文件 4.在“附加到进程”节点上增加localhost配置 5.使用命令行启动electron 6.在VS Code里启动附加到进程调试 7.命令行中brk的意思是在第一行就开始断点,在m
阅读全文
摘要:因为electron和node.js用的V8版本不一致,所以直接使用npm安装的模块可能在electron中不可用,特别是使用c、c++开发的模块。官方的说明:https://github.com/electron/electron/blob/master/docs-translations/zh-
阅读全文
摘要:1.下载并安装Node.js 下载地址:https://nodejs.org/en/download/current/ 安装之后进行验证 2.下载并这装electron 安装命令:npm install -g electron 命令说明:-g代表全局安装,如果不加-g,则安装在命令行当前所在的目录下
阅读全文