openlayer 变化检测

openlayers 3监听地图分辨率变化事件

map.getView().on('change:resolution',checkZoom);//checkZoom为调用的函数 function checkZoom() { // alert("1"); // var childId; console.log(map.getView().getZoom()); if (map.getView().getZoom() == 11) { // console.log(vector.getSource().getFeatures()[0]

[转]openlayer+geoserver实现WFS操作

From:http://liushaobo2005.blog.163.com/blog/static/253056702011541462372/ wfs是OGC的标准规范,主要用于提供对矢量地理数据的服务,我们以一个对摄像头图层进行操作为例了解如何通过openlayer+geoserver实现WFS操作. 首先利用postgis建表camera,参照http://postgis.refractions.net/docs/ch04.html 接着在geoserver中创建相关图层camera,数

OpenLayer 3 鹰眼控件和全屏显示

<body> <div id="map"></div> <script> var map=new ol.Map({ target:"map", layer:[], view:new ol.View({ center:[0,0], zoom:2 }) //control:new control.defaults().extend([ // new ol.control.FullScreen() // ]) }) var

openlayer的凸包算法实现

最近在要实现一个openlayer的凸多边形,也遇到了不小的坑,就记录一下 1.具体的需求: 通过在界面点击,获取点击是的坐标点,来绘制一个凸多边形. 2.思考过程: 1)首先,我们得先获取点击事件发生时,触发的点的坐标 map.events.register('click', map, function (e) { var pixel = new OpenLayers.Pixel(e.xy.x,e.xy.y); var lonlat = map.getLonLatFromPixel(pixel

angular 2+ 变化检测系列三(Zone.js在Angular中的应用)

在系列一中,我们提到Zone.js,Zones是一种执行上下文,它允许我们设置钩子函数在我们的异步任务的开始位置和结束位置,Angular正是利用了这一特性从而实现了变更检测. Zones.js非常适合Angular 事实证明,Zones解决的问题非常适合Angular在我们的应用程序中执行变更检测所需的内容.你有没有问过自己Angular何时以及为何进行变化检测?什么时候告诉Angular: 兄弟,我的应用程序中可能发生了一个变化.你能检查一下吗?在我们深入研究这些问题之前,让我们首先考虑一下

angular 2+ 变化检测系列二(检测策略)

我们将创建一个简单的MovieApp来显示有关一部电影的信息.这个应用程序将只包含两个组件:显示有关电影的信息的MovieComponent和包含执行某些操作按钮的电影引用的AppComponent. 我们的AppComponent将有三个属性:slogan,title和actor.最后两个属性将传递给模板中引用的MovieComponent元素. // app/app.component.tsimport {Component} from '@angular/core'; import {Mo

详解angular2组件中的变化检测机制（对比angular1的脏检测）

组件和变化检测器如你所知,Angular 2 应用程序是一颗组件树,而每个组件都有自己的变化检测器,这意味着应用程序也是一颗变化检测器树.顺便说一句,你可能会想.是由谁来生成变化检测器?这是个好问题,它们是由代码生成. Angular 2 编译器为每个组件自动创建变化检测器,而且最终生成的这些代码 JavaScript VM友好代码.这也是为什么新的变化检测是快速的 (相比于 Angular 1.x 的 $digest).基本上,每个组件可以在几毫秒内执行数万次检测.因此你的应用程序可以快速执

angular 2+ 变化检测系列一(基础概念)

什么是变化检测? 变化检测的基本功能就是获取应用程序的内部状态(state),并且是将这种状态对用户界面保持可见.状态可以是javascript中的任何的数据结构,比如对象,数组,(数字,布尔,字符串等基础数据类型).这种状态最终可能成为用户界面中的段落,表单,链接或按钮,在web浏览器中我们们称之为文档对象模型(dom).将数据结构作为输入生成dom作为输出并展示给用户,我们称这个过程为渲染. 但是,在运行时发生更改时会变得更加棘手.一段时间后,DOM已经被渲染.我们如何弄清楚模型中发生了哪些

完整版openlayer的例子及中文注释（完整中文版）

//@sourceURL=PersonLocation.jsvar window_temp = { onbeforeunload: null, DEBUG_MODE: false, MAPLIST: null, MAPLIST_CACHE: {}, MAP: null, MAP_LAYERS: null, LAYER: ['basic', 'area', 'device', 'person', 'single', 'building'], MAP_CTRLS: null, CTRLS: ['sc

angular中ngOnChanges与组件变化检测的关系

1.ngOnChanges只有在输入值改变的时候才会触发,如果输入值(@Input)是一个对象,改变对象内的属性的话是不会触发ngOnChanges的. 2.组件的变化检测: 2a.changeDetection如果是ChangeDetectionStrategy.Default的话,无论输入值(@Input)是否发生变化,都会进行组件自身的变化检测. 2b.changeDetection如果是ChangeDetectionStrategy.OnPush的话,只有在输入值(@Input)发生变化

leaflet一个前端gis框架，比openlayer更简单

leaflet一个前端gis框架,比openlayer更简单作者github:https://github.com/mourner?tab=overview&from=2009-12-01&to=2009-12-31 github:https://github.com/Leaflet/Leaflet 中文教程:http://115.28.28.161:4000/index.html http://jsfiddle.net/FranceImage/9dggfhnc/ http://bl.o

vue中遇到的坑 --- 变化检测问题（数组相关）

最近在项目中遇到了一个问题,不知道为什么,所以最后通过动手做demo实践.查文档的方式解决了,这里做一个总结. 例1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue</title> <script src="https://unpkg.com/vue@2.3.3/dist/vue.

AngularJs 中使用OpenLayer例子,手机端地图加载不显示问题

var map, toolip, overlay; var layer = new ol.layer.Vector(); var imgLayer = new ol.layer.Image(); var center = ol.proj.transform([116.46, 39.92], 'EPSG:4326', 'EPSG:3857'); var extent = [center[0] - 6290

openlayer 5 获取中心点

之前在控制台把map对象打印出来后,有一个很像中心点坐标map.focus_.我可以确定的告诉大家,这个不是中心点坐标,检查出来的结果是地图中心最右的点位. 在创建地图时,会将中心点左边写在view中,那么获取中心点坐标也是在view中在官网中View中有一个事件--calculateExtent(opt_size) 官网中是这么介绍的 Calculate the extent for the current view state and the passed size. The size i

electron-vue 引入OpenLayer 报错 Unexpected token export

electron-vue 引入OpenLayer 报错 Unexpected token export 解决办法: 在 .electron-vue/webpack.renderer.config.js 添加 ol let whiteListedModules = ['vue','ant-design-vue','ol']

Angular：OnPush变化检测策略介绍

在OnPush策略下,Angular不会运行变化检测(Change Detection ),除非组件的input接收到了新值.接收到新值的意思是,input的值或者引用发生了变化.这样听起来不好理解,看例子: 子组件接收一个balls(别想歪:))输入,然后在模板遍历这个balls数组并展示出来.初始化2秒后,往balls数组push一个new ball: //balls-list.component.ts @Component({ selector: 'balls-list', templat

angular变化检测OnPush策略需要注意的几个问题

OnPush组件内部触发的事件(包括viewChild)会引起组件的一次markForCheck Detached组件内部触发的事件不会引起组件的变化检测 OnPush组件的contentChild依然会在变化检测周期时进行自身的变化检测 OnPush进行markForCheck时,会以此对父组件进行markForCheck,一直到根组件最顶层的OnPush或detach组件会进行NgDoCheck,但是他们的viewChild组件不会进行NgDoCheck,contentChild组件反而会

openlayer 3 在layer上添加feature

首先获取layer的source,所以你的source里就先要有内容. vectorLayer.getSource().addFeature(iconFeature); 如果source里面没有定义过,则会有如下错误: 还有一点需要注意的是: addFeature()与addFeatures()的区别. (个人见解) addFeatures()会覆盖原source,使用addFeature()则会在原来的基础添加.

一个完整openlayer的例子，包括marker，popup等

整理转自:http://www.blogjava.net/siriusfx/archive/2007/11/26/163104.html openlayers提供了几十个示例,虽然每个示例都很简单,但却很具有代表性,值得初学者学习. 现在我想做一个测试,包含多个图层.缩放条.工具条.鼠标位置.弹出窗口,其中图层分别来自geoservr 提供的WMS和WFS服务接口. 主要代码如下: 样式定义,定义地图大小,工具条位置和替换按钮图片. <style type="text/css"&

openlayer调用geoserver发布的地图实现地图的基本功能

转自:http://starting.iteye.com/blog/1039809 主要实现的功能有放大,缩小,获取地图大小,平移,线路测量,面积测量,拉宽功能,显示标注,移除标注,画多边形获取经纬度坐标.根据经纬度坐标显示多边形.地图切换,图层控制等功能. <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//

Openlayer 3 删除上一次绘制的图

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>画图测量面积</title> <link rel="stylesheet" href="css/ol.css"> <script src="js/jquery-1.11.3.js"

巴特西