openlayers版本: v3.19.1-dist 统计图效果:         案例下载地址:https://gitee.com/kawhileonardfans/openlayers-example/tree/master/openlayers-%E7%BB%9F%E8%AE%A1%E5%9B%BE%E6%98%BE%E7%A4%BA(%E4%B8%AD%E5%9B%BD%E5%8C%BA%E5%9F%9F%E9%AB%98%E4%BA%AE) 使用浏览器:谷歌80.0.3987.162(

介绍 Ace是一个用JavaScript编写的可嵌入代码编辑器.它与Sublime,Vim和TextMate等本地编辑器的功能和性能相匹配.它可以轻松地嵌入任何网页和JavaScript应用程序中. 官网地址:Ace - The High Performance Code Editor for the Web Github: GitHub - ajaxorg/ace: Ace (Ajax.org Cloud9 Editor) vue版:GitHub - chairuosen/vue2-ace-e

openlayers 知识 前段时间帮助同事重构一个地图类的项目,然后就学习了openLayer3这个框架,但是官网上没有中文版,也没有详细的例子解释,我只能遇到看不懂的就翻译成中文来用,为了方便以后再用这个ol,能够更快的上手,就花了几天的时间总结了ol的知识,ol功能很丰富,API也很多,没有写太多,只是写了怎么用的,只要学会了根本,就可以很快的使用API去操作map. 另外,在总结知识的同时,还写了demo,加深自己的理解,大家觉得不错的话,给个star- GitHub 那么开始吧! 目录

OpenLayers的selector工具相信挺多人都没有用过,其实这个工具用处还是不少的.比如完成元素查询时,需要实现图属性联动,使用这个工具很方便.最近做项目时也使用到这个工具,使用起来确实挺方便的.效果如图: 红色部分为使用selector选择的效果. 下面说说实现过程: 定义selector工具,并添加到地图中 //高亮元素选择 selectControls = { selector: new OpenLayers.Control.SelectFeature(this.hightLigh

http://openlayers.org/en/master/examples/epsg-4326.html -- 标尺 http://openlayers.org/en/master/examples/export-map.html -- 截图 http://openlayers.org/en/master/examples/export-pdf.html -- 导出PDF http://openlayers.org/en/master/examples/extent-interaction

最近忙着整地图,都忘记了总结来沉淀自己,自我检讨一下. 总结一下最近使用openlayer时学习的内容,先说下我的业务逻辑吧,在室内地图中 1,点击新增在地图上新增一个可以拖拽的点,拖拽完成后确定位置,添加其他数据,保存入库. 2,增加后展示点,点上面有序号. 3,修改时,当选中一条记录的时候需要地图上面的点高亮,这个时候可拖动位置,修改表单数据,修改后保存. 4,删除也是选中一条记录,记录删除地图点删除. 由于基于老版本开发的,本文中用到的方法都是openlayer4.6.5版本,具体问题还是

Openlayers介绍 ​ Openlayers是一个基于Javacript开发,免费.开源的前端地图开发库,使用它,可以很容易的开发出WebGIS系统.目前Openlayers支持地图瓦片.矢量数据等众多地图数据格式,支持比较完整的地图交互操作.目前OpenLayers已经成为一个拥有众多开发者和帮助社区的成熟.流行的框架,在国内外的GIS相关行业中得到了广泛的应用. openlayers 官网地址 https://openlayers.org/ openlayers 源码地址 https:

kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre class="prettyprint lang-js"><script> var KE; KindEditor.ready(function(K) { KE = K.cre

Sciter中的Tiscript脚本不是标准的Javascript,是对Javascript的扩展.所以在常用的编辑器和IDE上对于高亮的支持很不好. 不过在Sciter论坛中找到了在VSCode上的高亮支持.安装方法比较简单. 首先点此下载插件. 之后在Sciter插件所在目录执行 code --install-extension sciter-assistant-0.0.1_fixed.vsix 然后在VSCode的settings.json中添加Sciter的支持.配置如下: "scite

早先Microsotf的Windows Live Writer(WLW)现在已经开源了,并且更名为Open Live Writer,但是现在Windows Live Writer还是可以现在,Open Live Writer相较于WLW官方说删减了一些功能,但是也添加了一些新的功能.对于一般博主来说已经够用了.OLW现在已经成为.NET Foundation的一部分了. 本来Open Live Writer是准备支持插件的,但是目前为止仍不支持插件.在WLW中经常使用的代码高亮插件多数是synt

因为觉得博客园自带的代码高亮样式很单一,不符合作为前端的我的审美习惯,于是下定决心要想办法折腾出一个方法来应用上另外一套代码高亮样式. 虽然探索的过程是很痛苦的,但最后还是成功了,但也不枉付出的那些努力.近来有网友问及如何实现,现分享出来,看完本文后你也可以把自己博客的代码整得漂亮些,让别人看着舒服些了. 方法其实是很麻烦的,即使是写了好几篇博客了对这个过程我已经娴熟了,但其实也还是挻麻烦的.不过谁叫我有是个偏执狂呢,为了让页面漂亮我愿麻烦自己,舒服大家.如果你有更好的方法那当然更好. 安装su

官网:https://highlightjs.org/ API:http://highlightjs.readthedocs.org/en/latest/api.html 1. 简单使用: <link rel="stylesheet" href="/path/to/styles/default.css"> <script src="/path/to/highlight.pack.js"></script> &l

在前面<百度地图.ECharts整合HT for Web网络拓扑图应用>我们有介绍百度地图和 HT for Web 的整合,我们今天来谈谈 OpenLayers 和 HT for Web 的整合. HT for Web作为逻辑拓扑图形组件自身没有GIS功能,但可以与各种GIS引擎即其客户端组件进行融合,各取所长实现逻辑拓扑和物理拓扑的无缝融合,本章将具体介绍HT for Web与开发免费的OpenLayers地图结合应用的关键技术点,该文介绍的结合的原理,其实还可推广到与ArcGIS.百度地图

一.切UIView的某个角为圆角 如果需要将UIView的4个角全部都为圆角,做法相当简单,只需设置其Layer的cornerRadius属性即可(项目需要使用QuartzCore框架).而若要指定某几个角(小于4)为圆角而别的不变时,怎么做呢? 其实很简单,使用UIBezierPath,设置CAShapeLayer,给UIView设置遮罩效果即可. // 图标左上.左下切圆角 UIBezierPath *phoneIconPath = [UIBezierPath bezierPathWithR

使用了VIM这么久,却一直无法牢记一些基本的操作指令.今天查找一个关键字时,想不起来怎么查找“下一个”,于是google之并解决,顺便把有用的都贴过来罢. 查找指令:/xxx 往下查找?xxx 往上 n    下一个:set hls 打开高亮:set nohls 关闭高亮 下面是查找替换,虽然我至今没使用过这一功能 - - 因为网上太多了,所以转来也不知道原创是谁 1,简单替换表达式 替换命令可以在全文中用一个单词替换另一个单词: :%s/four/4/g “%” 范围前缀表示在所有行中执行替换

本文由码农网 – 小峰原创,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划! 对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉.一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等.今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示. 1.SyntaxHighlighter – 最优秀的JavaScript代码高亮插件 Syn

Evernote 本身不支持代码高亮,在 Apple App-Store 上有一个建立在 Evernote 上的 EverCode,可以支持代码高亮,需要付费.虽然只有￥5,但是这个 App 似乎只能用在 OS X 10.7 以上版本的系统中:而且这个 App 从2012年7月之后似乎就没有再更新了,从评论上看似乎也不让人满意. 用 Evernote 的 Web Cliper 浏览器插件应该也可以实现代码高亮,但是支持的语言种类比较少3. Evernote 可以支持以 HTML 或者 RTF 的

一前言 百度最近是上了舆论头条了,相信中过百度毒的人对百度都反感.百度自己挖了这么多坑,终究还是要自己来填.国内网民使且最频繁的搜过 还是以百度为主,而百度依靠这种市场占有率靠他的广告竞价排名大发横财,却把很多急需帮助的人推进了火坑. 这一点在医疗方面是最突出的. 其次基本的用户体验也是被丢弃,比如 大家搜 "软件培训"  第一页 光广告就占去了一半以上......    真心不能忍!而且标识为广告 就靠着右下角一个小小的 推广 字段,连软件行业内的人都有可能不知道是广告,更别说普通用

<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>jQuery Litelighter</title> <style> body{background: #FAF9F4;}#wrapper h1{ color: #000; letter-spacing: 2px; font-size: 30px;}#wrapper h2{ color:

现在到处都是JavaScript,每天都能知道点新东西.一旦你入了门,你总能从这里或是那里领悟到很多知识. 一旦我发现一些有意思的东西,我喜欢去感觉他们的源代码,看一看它是怎么办到的. 今天我想分享Addy Osmani的一行代码 ,这行代码对于你调试你的CSS是很有用的.为了可读性,我把它变成了3行. 注* Addy Osmani 是Google Chrome开发工程师,他前几天开发的字符串解析模板, 马上被兼容最新ES6标准的io.js采纳. [].forEach.call($$("*&qu