Adventure_xph的博客

在对OpenLayers3的事件操作中，可以发现event对象是比较重要的，里面包含了促发事件的对象，但是由于在OpenLayers3当中没有单独的右键事件，因此在绑定右键事件的时候，采用的方式是先用jquery的方式产生一个右键事件，再在右键事件中绑定一个选中事件，这样就得到产生右键事件的对象了接着可以对这个对象进行操作。$(map.getViewport()).on("contextmen

          很多编程语言都有异常机制，JS在ES3开始也提供了类似的异常处理机制。要先要了解异常的原理，就得先了解JS得函数调用栈。什么叫函数调用栈？  先看以下代码function introduction(name){ console.log("我是"+name);}introduction("一个人");console.log("呵呵");这个...

      之前因为业务要求需要cesium中进行动态标绘，于是查遍网上很多资料，发现很多人都声称cesium没有标绘接口，不能进行动态标绘。看到这些资料我欣喜若狂，终于可以少做一点儿事了。但是github上很不幸有关于实现cesium动态标绘的代码，于是在他的基础上我添加了一些标绘的算法和优化一下功能。    代码下载嵌击箭头直角箭头攻击箭头...

本次简单封装OpenLyaer插件，便于快速的简单开发，也便于新手快速上手【使用之前需要引用openLayer.js官网有】  主要内容： 1 简单加载离线地图（因为百度地图算法问题，仅支持google）                 2 地图元素加载，点和线                 3 事件操作，单击，悬浮，右键 4 OL常用API调用，remove方法，地图移动

JTopo是一款强大的拓扑图形化界面开发工具，优点很多，缺点也有，最重要的这是国产（加亮，加粗，加闪光）插件，对爱国青年来说这是国家的骄傲，标志着我国打破了美帝列强的技术封锁，研发出了属于自己的拓扑插件（泪奔ing）。对于广大学渣程序猿来说则意味更容易的理解API（这当然不是重点=。=）。      我们都知道，在界面上无论是添加元素还是干点别的不可描述的事情都需要"容器",Jtop的容器便是

上个星期接了一个任务，使用jtopo画图。接到任务之后去看下了jtopo，自己动手实操一番，感觉不是很难。但是真正开始做页面的时候懵逼了。因为看看API，使用几个静态数据去做做demo是非常简单的事情。然而真正要和业务结合在一起，使用技术满足业务逻辑，就不是那么一回事了，现在总结一下画jtopo在面对业务场景中需要注意的一些东西。首先看看已经画好的界面，如下图           中间

点的扩散效果原理与点在线上的运动类似，先根据传入的坐标先创建一个layer,然后绑定一个addfeature的事件（flush函数），在这个事件里面随着时间的推移不断的对这个layer的style进行设置从而动态的做出扩散的效果出来function pointLight(pointC){ map.removeLayer(vector2); pointCoord = pointC;

单击事件的绑定第一步：var selectClick = new ol.interaction.Select({condition: ol.events.condition.click,style:changeStyle});首先创建一个ol.interaction.Select对象,然后指定相应的参数，condition是事件类型，style是时间发生时相应的对象改变的Styl

点在线上的移动基本思路就是先将这条线切割成很多的坐标，然后这个点沿着这些坐标前进这个代码是直接从业务代码Copy下来的，但是稍作了修改，加上注解，便于参考时理解function MoveOnLine(start,end,jsonobj){var x = [parseFloat(jsonobj.startx),parseFloat(jsonobj.starty)];var

  地图是由图层组成的，而图层又分为ol.layer.Tile和ol.layer.Vector,ol.layer.Tile可以构建底图，ol.layer.Vector指定矢量图层，画点画线或者创建其他基本就是创建ol.layer.Vector，ol.layer.Vector和map对象一样，也是由许多属性构成，但是创建点线基本只会用到source属性。Source又由feature组成。...

OpenLayers3，开源地图引擎，话不多说，直接开始第一步。目标：创建地图（CreateMap）前提：在html上必须要有一个id=map的div或者其他的块状元素。实施：map = new ol.Map({controls:ol.control.defaults({      attributionOptions:({      collapsible:false

window.onload = function(){ console.log(require("weekDay").name(new Date().getDay()));}//require对象function require(name) { //1.根据名称解析文件，返回代码 var code = new Function("exports",readFil...