自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 openlayers4获取一个图形的边界

由于项目需求问题,需要在地图上绘制多边形要素,由于这个要素可以是不规则的,然后在要素的内部填充文字信息,尽量在多边形的中心绘制,所以要获取多边形的边界,就用到了openlayers框架中的ol.extent.boundingExtent()...

2018-05-23 17:06:49 6302 1

原创 css3中的伪类before和after常见用法

before/after伪类相当于在元素内部插入两个额外的标签,其最适合也是最推荐的应用就是图形生成。在一些精致的UI实现上,可以简化HTML代码,提高可读性和可维护性。国外这两个伪类应用相当的普及以及兴盛,不过貌似我们这边前端er们普遍缺乏使用这两个伪类的意识,要使用顶多也就是跟风的“清除浮动”应用。1.基本用法:before和:after的作用就是在指定的元素内容(而不是元素本身)之前...

2018-05-21 16:12:50 22280 1

原创 GIS开发-天地图按照地名搜索定位

在做GIS开发的时候,常常需要输入地名,地图自动定位到当前的地方,因为百度地图和谷歌地图中有类似的功能,但是在公司开发的时候,底图却用的是OpenStreetMap,没有百度地图和谷歌地图,不能调用百度地图定位的方法,并且接口也不是开源的。为了定位的准确性,所以就在官网上查看了OSM官网的文档,参考网址如下:https://developer.mapquest.com/documentatio...

2018-05-21 11:15:10 8021 4

原创 css3更改默认滚动条样式-webkit-scrollbar

浏览器自带的原始滚动条很不美观,在一些特殊需求中,我们需要对滚动条的样式单独设置,因此就出现了用-webkit-scrollbar来自定义滚动条的样式。。 首先 webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。 滚动条的组成::-webkit-scrollbar 滚...

2018-05-17 17:14:35 32041 6

原创 常见电脑屏幕分辨率

1024*600 (常见8.9寸电脑使用) 1024*768(常用10.4、12.1、14.1、15寸电脑使用)4:3 1280*1024(常用14.1、15寸电脑使用)5:4 1440*1050(常用15、16.1寸电脑使用)4:3 1600*1200(常用15、16.1寸电脑使用)4:3 1280*800(常见10.8、12.1、15.4寸电脑使用)16:10 1366*768(...

2018-05-14 09:50:20 50607 1

原创 openlayers4判断一个点是否在闭合图形的内部

在opanlayers4官方API已经有一个方法:intersectsCoordinate(coordinate),用于判断一个点coordinate是否在闭合图形的内部,返回值为布尔类型的,true表示点在多边形的内部,false表示点不在多边形的内部。 详细代码如下所示:var geo = feature.getGeometry();//feture是几何元素var isIn = ...

2018-05-11 11:27:12 7064 3

原创 openlayers4通过拖动滑动条设置图层颜色透明度

在GIS项目实践过程中,需要实现各个功能区的叠加图层实现,以及设置它们各自的透明度,功能区分为1类、2类、3类、4a类、4b类等。每个功能区的加载均是通过一个json文件加载到map。要求可以单独查看某个功能区,并通过拖动滚动条可以控制每个图层的透明度。 1.首先,在html5中通过input type= “range”可以实现滚动条的拖动,具体实现代码如下:<input type="...

2018-05-08 22:27:24 4057 1

原创 css3-单位px与vw,rem的区别

css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况 px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,...

2018-05-07 22:12:20 3775

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除