- OpenLayer4实现自定义地图聚类图层
不玩了啊
前言:一直感觉不论OL还是arcgis这个地图聚类是真的丑,实在让人看不下去,反观leaflet插件的的聚合效果那叫一个好看,个人感觉好看多了去了,那么把这个聚合效果用到OL上面去啊,这个是一个很好玩的事,本篇文章用到了自定义的聚类的扩展图层,感谢@牛老师源代码启发,在此基础上进行进一步的封装。先来张效果图:这张照片整的感觉都变形很多。其实一点没变形一、自定义扩展图层下载(github)ol.la
- OpenLayer4跨域访问GeoServer发布的TMS服务
忘我怎么解
在geoserver中WEB-INF文件夹下,修改web.xml文件,添加过滤器内容,如下:CorsFilterorg.apache.catalina.filters.CorsFiltercors.allowed.origins*cors.allowed.methodsGET,POST,HEAD,OPTIONS,PUTcors.allowed.headersContent-Type,X-Reque
- Openlayers4加载WMS地图
此爱如少年
Openlayers4笔记openlayers开发
前面介绍过Openlayers2加载地图的方法。但是Openlayers2现在已经算很老的版本,只有在老项目中可能还在用到。最新的Openlayers已经升级到了Openlayers5。openlayer4加载WMS由于新项目中,用采用了Openlayers4,因此,在这里说一下Openlayer4加载WMS地图服务的方法。WMS图层可以看做是一张张PNG图片按照网格平铺在地图上的一幅图,一般用做
- openLayer4实现动态改变标注图标
本文实例为大家分享了openLayer4动态改变标注图标的具体代码,供大家参考,具体内容如下地图上经常需要标出标注,标注点击之后要有相应的变化来达到一定的效果。此实例即在地图上添加图片标注,点击标注,更换标注图片,再点击其他标注,上一个标注恢复原来的标注图片。/*初始化地图*/varmap;functioninitmap(){map=newol.Map({layers:layers,target:
- OpenLayer4实现自定义标注
饮水思源09
OpenLayers
前言:OL可以让我们实现自定义的标注样式,用过CAD的同学应该都知道CAD中有上下文字中间用横线隔开的样式,这样标注让人一目了然的了解信息。给人以直观的的信息表达,本文实现就是分式的标注。先来张图:一、关于ol.style.Icon类该类中有一个img参数,该参数非常好用,该参数的输入类型为Image|HTMLCanvasElement,第二个类型就是canvas标签,作为一个GIS开发人员,相信
- OpenLayer4实现自定义标注
hpugisers
OpenLayerOpenLayer3and4
前言:OL可以让我们实现自定义的标注样式,用过CAD的同学应该都知道CAD中有上下文字中间用横线隔开的样式,这样标注让人一目了然的了解信息。给人以直观的的信息表达,本文实现就是分式的标注。先来张图:一、关于ol.style.Icon类该类中有一个img参数,该参数非常好用,该参数的输入类型为Image|HTMLCanvasElement,第二个类型就是canvas标签,作为一个GIS开发人员,相信
- OpenLayer4结合高德API实现地图选点路径规划
hpugisers
OpenLayerOpenLayer3and4
前言:路径规划也是WebGIS一个特点,我们在做某些应用的时候可能会用到路径规划的功能,该功能我们也可以自己实现,利用数据等,但是OpenLayer一大特色就是加载在线地图,向高德,百度等,这些地图都提供一些api接口供大家调用获取数据,在做路径规划的时候,刚开始用的百度提供的api,发现这个路径规划的真烂你都不好意去吐槽,最后换成高德api总体效果还算满意。废话不多说进入正文。先来张图:一、高德
- OpenLayer4实现卷帘效果
hpugisers
OpenLayerOpenLayer3and4
一、用途:卷帘效果在多个图层叠加的时候会用到。但是还想两个图层相互切换或者两个图层在一块,这个时候就用到卷帘效果,我们可以把这个卷帘做成一个label可以来回拖动,这样既可以达到控制效果,也很美观。先来张效果图:二、全部源码地图卷帘效果body{overflow:hidden;}html,body,.map{width:100%;height:100%;position:absolute;box-
- OpenLayer4加载svg
weixin_30781631
关于加载svg的代码,网上是少之又少,牛老师博客倒是有,但是只是核心代码,并没有给出完整的demo,而且核心代码中有个问题对于这个ol渲染不太理解的话的话应该做不出来效果,就是关于坐标转屏幕坐标的问题,必须需要地图渲染完成之后才能拿到否则没法转换,得出转换为空的结果。放个图:一、原理通过静态加载图片的方式加载svg,给定初始化范围,更重要的是给定imageSize,关于imageSize是通过给定
- Openlayer4的wfs属性查询和空间查询遇到的坑
summer2333
互联网文章
项目需求是在特定的区域下搜索地物,类似地理围栏里查找POI的功能。而且要求通过图层叠加的方式,不能直接访问数据库然后遍历绘制。这里创建了VectorLayer,网上例子很多就不再赘述,下面是引用官网提供的Example,通过fetch(类似ajax)请求,请求wfs的服务实现。本文是记录下当时遇到的坑。查询部分的代码如下://测试用的geometry类型数据(Polygon)varnewPoly=
- openlayer4中使用geojson数据
浪子边
webgis
GeoJSONvarimage=newol.style.Circle({radius:5,fill:null,stroke:newol.style.Stroke({color:'red',width:1})});varstyles={'Point':newol.style.Style({image:image}),'LineString':newol.style.Style({stroke:new
- openlayer4加载ArcGIS离线瓦片地图
weshmily前端
openlayer
Openlayer4加载ArcGIS离线瓦片地图本来以前是用openlayer2,在太乐地图下载的地图,会有模版.之前直接在此基础上更改的代码,但是随着项目的发展功能的增多,openlayer2越来越不适应现在的项目,所以决定换成openlayer4,今天给大家说的是Openlayer4加载ArcGIS离线瓦片地图.步骤1:下载地图(我用的是太乐地图下载器)由于大小的原因,我们选择前6级下载步骤2
- openlayer4中获取地图坐标的方法
浪子边
webgis
WFSvarmap=newol.Map({layers:[newol.layer.Tile({source:newol.source.OSM()})],target:'map',view:newol.View({center:ol.proj.transform([104,30],'EPSG:4326','EPSG:3857'),zoom:10})});//监听singleclick事件/*map.
- 基于openlayer4生成热力图
_奈落_
openlayer4
ol加载热力图radiussizeblursize//底图varraster=newol.layer.Tile({source:newol.source.Stamen({layer:'toner'})});varmap=newol.Map({layers:[raster],target:'map',view:newol.View({center:[117.3626,32.9184],project
- 基于openlayer4画区域
_奈落_
openlayer4
画区域-->varraster=newol.layer.Tile({source:newol.source.OSM()});varwkt='';//区域wkt点集varformat=newol.format.WKT();varfeature=format.readFeature(wkt,{dataProjection:'EPSG:4326',featureProjection:'EPSG:4326
- 基于openlayer4画线,鼠标悬浮线上弹窗
_奈落_
openlayer4
根据点位画线、鼠标悬浮提示信息-->.ol-popup{position:absolute;background-color:white;-webkit-filter:drop-shadow(01px4pxrgba(0,0,0,0.2));filter:drop-shadow(01px4pxrgba(0,0,0,0.2));padding:15px;border-radius:10px;borde
- 基于openlayer4打点,点击点位弹出窗
_奈落_
openlayer4
打点位、点击点位弹出信息-->//初始给的中心点坐标。varcenterX=117.3626;varcenterY=32.9184;//我们需要一个vector的layer来放置图标varlayer=newol.layer.Vector({source:newol.source.Vector()})varmap=newol.Map({layers:[newol.layer.Tile({//加载互联
- OpenLayer4地图全屏的实现
David_SIAT
OpenLayerWebGIS
OpenLayer4地图全屏的实现第一种方式:自实现1.首先将地图容器的长宽设置成100%。2.对form和body标签长宽设置成100%。3.对浏览器进行全屏设置。具体代码如下所示:fullextent为全屏安全ID。$("#fullextent").click(function(){//alert("全屏");if($("#fullextent").attr("src")!="Image/bk
- openlayer4设置地图的默认鼠标手势和拖拽鼠标手势
fredricen
JavaScriptopenlayers
openlayer2之后,openlayer3版本有较大升级。openlayers4是3的自然升级。openlayers4中默认的地图鼠标手势都是箭头。如果需要设置为像百度、高德之类的鼠标手势,需要自行定制。设置方法很简单,完全通过控制css就可以了。地图默认手势修改:#map{ cursor:url(openhand.cur),auto; }地图交互手势修改:/*鼠标样式设置*/
- openlayer4在地图上绘制统计表格
小木子。。。
openlayer4
在使用openlater开发的过程中,有时候会需要在地图上绘制一些数据的统计表格,openlayer官网还没有类类似的例子,网上大多数例子的实现原理是通过在地图上添加feature或overlay的形式,使用canvas绘制一张图片给feature设置样式,或在overlay里生成图表。具体代码如下(这个例子是使用feature,给feature设置样式,以绘制饼状图为例):Stylingfeat
- openLayer4动态改变标注图标
loves小鱼儿
javascript地图函数实例openlayer4
地图上经常需要标出标注,标注点击之后要有相应的变化来达到一定的效果。此实例即在地图上添加图片标注,点击标注,更换标注图片,再点击其他标注,上一个标注恢复原来的标注图片。/*初始化地图*/varmap;functioninitmap(){map=newol.Map({layers:layers,target:'mapContainer',view:newol.View({//地图中心坐标center
- openlayer4入门系列一(地图描绘经纬度点)
Whyloveit
实战记录
openlayer结合天地图描绘点其他地图描点也是一样的.请去参考官网.下面是四川天地图的结合openlayer开发的API,里面有案例:http://www.scgis.net/scgcmap/help/mapAPIdown.aspx案列写的是十分的复杂.我在我的项目中简化了下.引入js.css天地图四川要素查询下面是代码varmap;varstyleCache={};window.onload
- openlayer4中加载瓦片图层
浪子边
webgis
瓦片图层一般作为webgis中底图,通常使用的有OSM(OpenStreetMap)(最方便),其他地图如百度地图,高德地图也可以作为数据源进行加载。也可以自己制作瓦片图层进行发布,然后调用。varmap=newol.Map({layers:[newol.layer.Tile({source:newol.source.OSM()}),vector],target:'map',view:newol.
- openlayer4地图及图层导出图片问题小结
David_SIAT
WebGIS
直接使用ol4中的地图导出功能在我们的项目中可能会存在跨域问题,导致地图不能正常的转为二进制。解决方法:1//自定义图层中添加crossOrigin,具体如下:vartdtTerLayer=newol.layer.Tile({visible:true,source:newol.source.XYZ({crossOrigin:'anonymous',url:tdtter})});varedge=ne
- openlayer4 + arcgisserver + wms +sld
朕要睡了
gis
需要注意的点是sld文件的编写sld文件://最好为NamedLayertrunk//一定要加上trunk对应图层名trunk//style名group0Featuregeneric:geometrysimpledefaultrule#0000802.0varlayers=[newol.layer.Tile({extent:extent,source:newol.source.TileWMS({u
- 基于openlayer4实现地图联动效果
YH20090580118
openlayer开发
1.原理说明基于openlayer4实现地图联动效果,就是创建多个地图容器,共用一个视图对象(ps:地图的视图关联着地图的extent事件,共用一个视图也就意味着所有地图容器同步一个事件,省去自己手动关联地图extent事件)。2.代码说明地图联动body{overflow:hidden;}html,body{width:100%;height:100%;position:absolute;box
- openlayer4 多图联动
jjxliu306
GIS
之前在ol2中多图联动需要监听地图move事件,在事件中对其他地图进行位置更新来达到多图联动的效果,在ol4中可以直接通过多个地图共享一个view来达到多图联动的效果。直接上代码多图联动body{height:100%;width:100%;position:absolute;overflow:hidden;}.top{height:50%;width:100%;float:left;}.bott
- openlayer4 弹出框封装
jjxliu306
GIS
很多场景需要在地图上弹出一个tooltip或者popup之类的小窗口显示一些信息,最近简单做了一下封装,方便后续调用,代码如下:/*刘玉峰
[email protected]*///点击后高亮下方的feature并且弹出popup信息做展示Popup=function(map){this.map=map;//添加一个popup的divvardiv=document.createE
- openlayer4 弹出框封装
jjxliu306
openlayerspopuptootip地图
阅读更多很多场景需要在地图上弹出一个tooltip或者popup之类的小窗口显示一些信息,最近简单做了一下封装,方便后续调用,代码如下:/*刘玉峰
[email protected]*///点击后高亮下方的feature并且弹出popup信息做展示Popup=function(map){this.map=map;//添加一个popup的divvardiv=document.cre
- openlayer4 弹出框封装
jjxliu306
openlayerspopuptootip地图
阅读更多很多场景需要在地图上弹出一个tooltip或者popup之类的小窗口显示一些信息,最近简单做了一下封装,方便后续调用,代码如下:/*刘玉峰
[email protected]*///点击后高亮下方的feature并且弹出popup信息做展示Popup=function(map){this.map=map;//添加一个popup的divvardiv=document.cre
- mysql主从数据同步
林鹤霄
mysql主从数据同步
配置mysql5.5主从服务器(转)
教程开始:一、安装MySQL
说明:在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作,安装MySQL 5.5.22
二、配置MySQL主服务器(192.168.21.169)mysql -uroot -p &nb
- oracle学习笔记
caoyong
oracle
1、ORACLE的安装
a>、ORACLE的版本
8i,9i : i是internet
10g,11g : grid (网格)
12c : cloud (云计算)
b>、10g不支持win7
&
- 数据库,SQL零基础入门
天子之骄
sql数据库入门基本术语
数据库,SQL零基础入门
做网站肯定离不开数据库,本人之前没怎么具体接触SQL,这几天起早贪黑得各种入门,恶补脑洞。一些具体的知识点,可以让小白不再迷茫的术语,拿来与大家分享。
数据库,永久数据的一个或多个大型结构化集合,通常与更新和查询数据的软件相关
- pom.xml
一炮送你回车库
pom.xml
1、一级元素dependencies是可以被子项目继承的
2、一级元素dependencyManagement是定义该项目群里jar包版本号的,通常和一级元素properties一起使用,既然有继承,也肯定有一级元素modules来定义子元素
3、父项目里的一级元素<modules>
<module>lcas-admin-war</module>
<
- sql查地区省市县
3213213333332132
sqlmysql
-- db_yhm_city
SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35
SELECT * FROM db_yhm_city WHERE class_parent_id =169
SELECT d1.cla
- 关于监听器那些让人头疼的事
宝剑锋梅花香
画图板监听器鼠标监听器
本人初学JAVA,对于界面开发我只能说有点蛋疼,用JAVA来做界面的话确实需要一定的耐心(不使用插件,就算使用插件的话也没好多少)既然Java提供了界面开发,老师又要求做,只能硬着头皮上啦。但是监听器还真是个难懂的地方,我是上了几次课才略微搞懂了些。
- JAVA的遍历MAP
darkranger
map
Java Map遍历方式的选择
1. 阐述
对于Java中Map的遍历方式,很多文章都推荐使用entrySet,认为其比keySet的效率高很多。理由是:entrySet方法一次拿到所有key和value的集合;而keySet拿到的只是key的集合,针对每个key,都要去Map中额外查找一次value,从而降低了总体效率。那么实际情况如何呢?
为了解遍历性能的真实差距,包括在遍历ke
- POJ 2312 Battle City 优先多列+bfs
aijuans
搜索
来源:http://poj.org/problem?id=2312
题意:题目背景就是小时候玩的坦克大战,求从起点到终点最少需要多少步。已知S和R是不能走得,E是空的,可以走,B是砖,只有打掉后才可以通过。
思路:很容易看出来这是一道广搜的题目,但是因为走E和走B所需要的时间不一样,因此不能用普通的队列存点。因为对于走B来说,要先打掉砖才能通过,所以我们可以理解为走B需要两步,而走E是指需要1
- Hibernate与Jpa的关系,终于弄懂
avords
javaHibernate数据库jpa
我知道Jpa是一种规范,而Hibernate是它的一种实现。除了Hibernate,还有EclipseLink(曾经的toplink),OpenJPA等可供选择,所以使用Jpa的一个好处是,可以更换实现而不必改动太多代码。
在play中定义Model时,使用的是jpa的annotations,比如javax.persistence.Entity, Table, Column, OneToMany
- 酸爽的console.log
bee1314
console
在前端的开发中,console.log那是开发必备啊,简直直观。通过写小函数,组合大功能。更容易测试。但是在打版本时,就要删除console.log,打完版本进入开发状态又要添加,真不够爽。重复劳动太多。所以可以做些简单地封装,方便开发和上线。
/**
* log.js hufeng
* The safe wrapper for `console.xxx` functions
*
- 哈佛教授:穷人和过于忙碌的人有一个共同思维特质
bijian1013
时间管理励志人生穷人过于忙碌
一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究,结论是:穷人和过于忙碌的人有一个共同思维特质,即注意力被稀缺资源过分占据,引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。
这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国,很快就如鱼得水,哈佛毕业
- other operate
征客丶
OSosx
一、Mac Finder 设置排序方式,预览栏 在显示-》查看显示选项中
二、有时预览显示时,卡死在那,有可能是一些临时文件夹被删除了,如:/private/tmp[有待验证]
--------------------------------------------------------------------
若有其他凝问或文中有错误,请及时向我指出,
我好及时改正,同时也让我们一
- 【Scala五】分析Spark源代码总结的Scala语法三
bit1129
scala
1. If语句作为表达式
val properties = if (jobIdToActiveJob.contains(jobId)) {
jobIdToActiveJob(stage.jobId).properties
} else {
// this stage will be assigned to "default" po
- ZooKeeper 入门
BlueSkator
中间件zk
ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现,使该框架保证了分布式环境中数据的强一致性,也正是基于这样的特性,使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍,本文将结合作者身边的项目例子,系统地对ZK的应用场景进行一个分门归类的介绍。
值得注意的是,ZK并非天生就是为这些应用场景设计的,都是后来众多开发者根据其框架的特性,利
- MySQL取得当前时间的函数是什么 格式化日期的函数是什么
BreakingBad
mysqlDate
取得当前时间用 now() 就行。
在数据库中格式化时间 用DATE_FORMA T(date, format) .
根据格式串format 格式化日期或日期和时间值date,返回结果串。
可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值,以便得到所希望的格式。根据format字符串格式化date值:
%S, %s 两位数字形式的秒( 00,01,
- 读《研磨设计模式》-代码笔记-组合模式
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
abstract class Component {
public abstract void printStruct(Str
- 4_JAVA+Oracle面试题(有答案)
chenke
oracle
基础测试题
卷面上不能出现任何的涂写文字,所有的答案要求写在答题纸上,考卷不得带走。
选择题
1、 What will happen when you attempt to compile and run the following code? (3)
public class Static {
static {
int x = 5; // 在static内有效
}
st
- 新一代工作流系统设计目标
comsci
工作算法脚本
用户只需要给工作流系统制定若干个需求,流程系统根据需求,并结合事先输入的组织机构和权限结构,调用若干算法,在流程展示版面上面显示出系统自动生成的流程图,然后由用户根据实际情况对该流程图进行微调,直到满意为止,流程在运行过程中,系统和用户可以根据情况对流程进行实时的调整,包括拓扑结构的调整,权限的调整,内置脚本的调整。。。。。
在这个设计中,最难的地方是系统根据什么来生成流
- oracle 行链接与行迁移
daizj
oracle行迁移
表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下)
第一种情况:
INSERT的时候,INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks),这种情况称为行链接(Row Chain),一般不可避免(除非使用更大的数据
- [JShop]开源电子商务系统jshop的系统缓存实现
dinguangx
jshop电子商务
前言
jeeshop中通过SystemManager管理了大量的缓存数据,来提升系统的性能,但这些缓存数据全部都是存放于内存中的,无法满足特定场景的数据更新(如集群环境)。JShop对jeeshop的缓存机制进行了扩展,提供CacheProvider来辅助SystemManager管理这些缓存数据,通过CacheProvider,可以把缓存存放在内存,ehcache,redis,memcache
- 初三全学年难记忆单词
dcj3sjt126com
englishword
several 儿子;若干
shelf 架子
knowledge 知识;学问
librarian 图书管理员
abroad 到国外,在国外
surf 冲浪
wave 浪;波浪
twice 两次;两倍
describe 描写;叙述
especially 特别;尤其
attract 吸引
prize 奖品;奖赏
competition 比赛;竞争
event 大事;事件
O
- sphinx实践
dcj3sjt126com
sphinx
安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server
yum install sphinx
如果失败的话使用下面的方式安装
wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm
yum loca
- JPA之JPQL(三)
frank1234
ormjpaJPQL
1 什么是JPQL
JPQL是Java Persistence Query Language的简称,可以看成是JPA中的HQL, JPQL支持各种复杂查询。
2 检索单个对象
@Test
public void querySingleObject1() {
Query query = em.createQuery("sele
- Remove Duplicates from Sorted Array II
hcx2013
remove
Follow up for "Remove Duplicates":What if duplicates are allowed at most twice?
For example,Given sorted array nums = [1,1,1,2,2,3],
Your function should return length
- Spring4新特性——Groovy Bean定义DSL
jinnianshilongnian
spring 4
Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新
- CentOS安装Mysql5.5
liuxingguome
centos
CentOS下以RPM方式安装MySQL5.5
首先卸载系统自带Mysql:
yum remove mysql mysql-server mysql-libs compat-mysql51
rm -rf /var/lib/mysql
rm /etc/my.cnf
查看是否还有mysql软件:
rpm -qa|grep mysql
去http://dev.mysql.c
- 第14章 工具函数(下)
onestopweb
函数
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- POJ 1050
SaraWon
二维数组子矩阵最大和
POJ ACM第1050题的详细描述,请参照
http://acm.pku.edu.cn/JudgeOnline/problem?id=1050
题目意思:
给定包含有正负整型的二维数组,找出所有子矩阵的和的最大值。
如二维数组
0 -2 -7 0
9 2 -6 2
-4 1 -4 1
-1 8 0 -2
中和最大的子矩阵是
9 2
-4 1
-1 8
且最大和是15
- [5]设计模式——单例模式
tsface
java单例设计模式虚拟机
单例模式:保证一个类仅有一个实例,并提供一个访问它的全局访问点
安全的单例模式:
/*
* @(#)Singleton.java 2014-8-1
*
* Copyright 2014 XXXX, Inc. All rights reserved.
*/
package com.fiberhome.singleton;
- Java8全新打造,英语学习supertool
yangshangchuan
javasuperword闭包java8函数式编程
superword是一个Java实现的英文单词分析软件,主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。
升学考试、工作求职、充电提高,都少不了英语的身影,英语对我们来说实在太重要