_奈落_
_奈落_

基于openlayer4打点，点击点位弹出窗


<html>
<head>
<title>打点位、点击点位弹出信息title>



<script src="js/openlayers/v4.3.3-dist/ol.js">script>

<link rel="stylesheet" href="js/openlayers/v4.3.3-dist/ol.css" type="text/css" />

<link rel="stylesheet" href="js/OLMap/map-pop.css" type="text/css" />

head>

<body>
    <div id="map" class="map">div>
    <div id="popup" class="ol-popup">
        <a href="#" id="popup-closer" class="ol-popup-closer">a>
        <div id="popup-content" style="width: 360px; height: 210px;">div>
    div>
            <script>
                // 初始给的中心点坐标。
                var centerX = 117.3626;
                var centerY = 32.9184;
                // 我们需要一个vector的layer来放置图标
                var layer = new ol.layer.Vector({
                    source : new ol.source.Vector()
                })

                var map = new ol.Map({
                    layers : [ new ol.layer.Tile({
                        // 加载互联网地图
                        source : new ol.source.OSM()
                    }), layer ],
                    target : 'map',
                    view : new ol.View({
                        projection : 'EPSG:4326',
                        center : [ 117.204883, 31.840285 ],
                        zoom : 10
                    })
                });

                var lnglats = [
                    [117.204883, 31.840285],
                    [117.2616140654, 31.8626171434],
                    [117.2870114613, 31.8588879936],
                    [117.2822851546, 31.8862905440]
                ];
                // 创建一个Feature，并设置好在地图上的位置
                var anchor = new ol.Feature({
                    geometry : new ol.geom.Point(lnglats[0])
                });
                // 设置样式，在样式中就可以设置图标
                anchor.setStyle(new ol.style.Style({
                    image : new ol.style.Icon({
                        src : 'img/1_03.png'
                    }),
                    //anchor: [0.5, 1]    // 设置图标位置
                }));
                // 添加到之前的创建的layer中去
                layer.getSource().addFeature(anchor);
                // 弹出窗容器DIV
                var container = document.getElementById("popup");
                // 弹出窗内容DIV
                var content = document.getElementById("popup-content");
                // 弹出窗关闭
                var popupCloser = document.getElementById("popup-closer");
                var overlay = new ol.Overlay({
                    //设置弹出框的容器
                    element : container,
                    //是否自动平移，即假如标记在屏幕边缘，弹出时自动平移地图使弹出框完全可见
                    autoPan : true,
                    autoPanAnimation : {
                        duration : 250
                    //当Popup超出地图边界时，为了Popup全部可见，地图移动的速度. 
                    }
                });
                // openlayer4只有针对整个地图事件监听，可以通过以下方式达到对feature监听，也可对feature自定义点击事件。
                map.on('click', function(e) {
                    //在点击时获取像素区域
                    var pixel = map.getEventPixel(e.originalEvent);
                    map.forEachFeatureAtPixel(pixel, function(feature) {
                        //coodinate存放了点击时的坐标信息
                        var coodinate = e.coordinate;
                        console.log(coodinate);
                        //设置弹出框内容，可以HTML自定义
                        content.innerHTML = coodinate;
                        //设置overlay的显示位置
                        overlay.setPosition(coodinate);
                        //显示overlay
                        map.addOverlay(overlay);
                    });
                });
                popupCloser.addEventListener('click', function() {
                    overlay.setPosition(undefined);
                });
                /**
                * 为map添加鼠标移动事件监听，当指向标注时改变鼠标光标状态
                */
                map.on('pointermove', function (e) {
                    var pixel = map.getEventPixel(e.originalEvent);
                    var hit = map.hasFeatureAtPixel(pixel);
                    map.getTargetElement().style.cursor = hit ? 'pointer' : '';
                })

            script>
            script>
body>
html>

弹出窗样式：

.ol-popup {
        position: absolute;
        background-color: rgba(1,61,85,.7);
        -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #013d55;
        bottom: 12px;
        left: -50px;
        min-width: 280px;
    }
    .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .ol-popup:after {
        border-top-color: #eeeeee;
        border-width: 10px;
        left: 48px;
        margin-left: -10px;
    }
    .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px;
    }
    .ol-popup-closer {
        text-decoration: none;
        position: absolute;
        top: 2px;
        right: 8px;
    }
    .ol-popup-closer:after {
        content: "✖";
        color: #c3c3c3;
    }

你可能感兴趣的:(openlayer4)

  • 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
  • jsonp 常用util方法 hw1287789687 jsonpjsonp常用方法jsonp callback
    jsonp 常用java方法 (1)以jsonp的形式返回:函数名(json字符串) /*** * 用于jsonp调用 * @param map : 用于构造json数据 * @param callback : 回调的javascript方法名 * @param filters : <code>SimpleBeanPropertyFilter theFilt
  • 多线程场景 alafqq 多线程
    0 能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ Java多线程 2012年11月23日 15:41 Young9007 Young9007 4 0 0 4 Comment添加评论关注(2) 3个答案 按时间排序 按投票排序 0 0 最典型的如： 1、
  • Maven学习——修改Maven的本地仓库路径 Kai_Ge maven
          安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。    
  • placeholder的浏览器兼容 120153216 placeholder
    【前言】 自从html5引入placeholder后，问题就来了， 不支持html5的浏览器也先有这样的效果， 各种兼容，之前考虑，今天测试人员逮住不放， 想了个解决办法，看样子还行，记录一下。   【原理】 不使用placeholder，而是模拟placeholder的效果， 大概就是用focus和focusout效果。   【代码】 <scrip
  • debian_用iso文件创建本地apt源 2002wmj Debian
    1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下 2.创建N个挂载点目录 如下： debian:~#mkdir –r /media/dvd1 debian:~#mkdir –r /media/dvd2 debian:~#mkdir –r /media/dvd3 …. debian:~#mkdir –r /media
  • SQLSERVER耗时最长的SQL 357029540 SQL Server
    对于DBA来说，经常要知道存储过程的某些信息： 1.   执行了多少次 2.   执行的执行计划如何 3.   执行的平均读写如何 4.   执行平均需要多少时间 列名          &
  • com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 7454103 eclipse
    今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 错误提示信息： An error has occurred.See error log for more details. Reason: com/genuitec/
  • 用正则删除文本中的html标签 adminjun javahtml正则表达式去掉html标签
    使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 如下： public static String Html2Text(String inputString) { String htmlStr = inputString; // 含html标签的字符串 String textSt
  • 嵌入式系统设计中常用总线和接口 aijuans linux 基础
                   嵌入式系统设计中常用总线和接口         任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线
  • Java函数调用方式——按值传递 ayaoxinchao java按值传递对象基础数据类型
    Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。   首先，让我们看一看基础数据类型是如何按值传递的。   public static void main(String[] args) { int a = 2;
  • ios音量线性下降 bewithme ios音量
    直接上代码吧   //second 几秒内下降为0 - (void)reduceVolume:(int)second { KGVoicePlayer *player = [KGVoicePlayer defaultPlayer]; if (!_flag) { _tempVolume = player.volume;
  • 与其怨它不如爱它 bijian1013 选择理想职业规划
            抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。         一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。  
  • 一边时间不够用一边浪费时间 bingyingao 工作时间浪费
    一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 精神还是很差，下午像一直野鬼在城市里晃荡。 为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 控制让自己周末早睡早起，你就成功了一半。 有多少个工作
  • 【Scala八】Scala核心二：隐式转换 bit1129 scala
    Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con
  • sudoku slover in Haskell (2) bookjovi haskellsudoku
    继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。   board = [0,3,4,1,7,0,5,0,0, 0,6,0,0,0,8,3,0,1, 7,0,0,3,0,0,0,0,6, 5,0,0,6,4,0,8,0,7,
  • Java-Collections Framework学习与总结-HashSet和LinkedHashSet BrokenDreams linkedhashset
            本篇总结一下两个常用的集合类HashSet和LinkedHashSet。         它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序
  • 读《研磨设计模式》-代码笔记-备忘录模式-Memento bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; /* * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
  • 《RAW格式照片处理专业技法》笔记 cherishLC PS
    注意，这不是教程！仅记录楼主之前不太了解的 一、色彩（空间）管理 作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv
  • 使用 Git 下载 Spring 源码 编译 for Eclipse crabdave eclipse
    使用 Git 下载 Spring 源码 编译 for Eclipse   1、安装gradle，下载 http://www.gradle.org/downloads 配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v   2、spring4 用jdk8 下载 https://jdk8.java.
  • mysql连接拒绝问题 daizj mysql登录权限
    mysql中在其它机器连接mysql服务器时报错问题汇总 一、[running][email protected]:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 Enter password:    //无字符串输入 ERROR 1045 (28000): Access
  • Google Chrome 为何打压 H.264 dsjt applehtml5chromeGoogle
    Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome
  • yii 获取控制器名 和方法名 dcj3sjt126com yiiframework
    1. 获取控制器名 在控制器中获取控制器名:  $name = $this->getId(); 在视图中获取控制器名:    $name = Yii::app()->controller->id;    2. 获取动作名  在控制器beforeAction()回调函数中获取动作名:  $name =
  • Android知识总结（二） come_for_dream android
    明天要考试了，速速总结如下   1、Activity的启动模式        standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。）        singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac
  • 高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元 gcq511120594 工作项目管理
    高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕
  • linux expect heipark expect
    1. 创建、编辑文件go.sh   #!/usr/bin/expect spawn sudo su admin expect "*password*" { send "13456\r\n" } interact    2. 设置权限   chmod u+x go.sh  3.
  • Spring4.1新特性——静态资源处理增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • idea ubuntuxia 乱码 liyonghui160com
      1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 2.在ubuntu 下可以执行下面操作安装该字体： sudo mkdir /usr/share/fonts/truetype/simsun sudo cp simsun.ttf /usr/share/fonts/truetype/simsun fc-cache -f -v
  • 改良程序的11技巧 pda158 技巧
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。   让我们看一些基本的编程技巧：   尽量保持方法简短 永远永远不要把同一个变量用于多个不同的
  • 300个涵盖IT各方面的免费资源（下）——工作与学习篇 shoothao 创业免费资源学习课程远程工作
    工作与生产效率:   A. 背景声音 Noisli:背景噪音与颜色生成器。 Noizio:环境声均衡器。 Defonic:世界上任何的声响都可混合成美丽的旋律。 Designers.mx:设计者为设计者所准备的播放列表。 Coffitivity:这里的声音就像咖啡馆里放的一样。 B. 避免注意力分散 Self Co
  • 深入浅出RPC uule rpc
    深入浅出RPC-浅出篇 深入浅出RPC-深入篇   RPC Remote Procedure Call Protocol 远程过程调用协议   它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他