openlayers feature 获取中心点

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

【百度地图API】如何用圆形搜索获取中心点周围100米内全部关键点？如天安门附近所有的餐厅、加油站、宾馆、大厦等

原文:[百度地图API]如何用圆形搜索获取中心点周围100米内全部关键点?如天安门附近所有的餐厅.加油站.宾馆.大厦等摘要: 在LBS上有这样一个常用的功能,查找附近所有的关键点(POI点,比如标志性建筑物,餐厅,大厦,加油站等).相信大家对search已经非常熟悉了,可是search必须要传“关键字”参数,即使是多关键字搜索,也要把所有POI的tag都一一列举出来,才能搜索到结果.那么,有没有什么办法,可以不用关键字,就搜索到附近全部的POI呢? 答案是肯定的.我们一起来学习一下吧~ ---

openlayers wfs获取要素

var wfsProtocol = new OpenLayers.Protocol.WFS.v1_1_0({ url: mapServerUrl + "/wfs", featureType: layerConfig.layerName, featureNS: nameSpace,//正式环境代码:nameSpace maxFeatures: 2000, outputFormat: 'JSON', callback: function (req) { var features = req

OpenLayers在地图上显示统计图，饼图线状图柱状图，修复统计图跳动的问题

环境介绍 Openlayers ol.js v5.3.0 Highcharts highcharts.js v7.0.1 jquery jquery-3.3.1.js v3.3.1 显示效果地图放大缩小对统计图的大小无影响以饼状图为例 1.添加地图,并渲染统计图所在的点位, vector是渲染feature需要用的图层,一定要保证在所有图层的最前方,否则渲染的feature会被遮盖,(地图量算时由于这个问题搞了一上午) sourceMeasure = new ol.source.Vector

OpenLayers 3 入门教程

OpenLayers 3 入门教程摘要OpenLayers 3对OpenLayers网络地图库进行了根本的重新设计.版本2虽然被广泛使用,但从JavaScript开发的早期发展阶段开始,已日益现实出它的落后. OL3已运用现代的设计模式从底层重写. 最初的版本旨在支持第2版提供的功能,提供大量商业或免费的瓦片资源以及最流行的开源矢量数据格式.与版本2一样,数据可以被任意投影.最初的版本还增加了一些额外的功能,如能够方便地旋转地图以及显示地图动画. OpenLayers 3同时设计了一些主要的新功

Openlayers简介

OpenLayers 是由MetaCarta公司开发的,用于WebGIS客户端的 JavaScript包,目前的最高版本是2.5 V,通过BSD License 发行.它实现访问地理空间数据的方法都符合行业标准,比如 OpenGIS的WMS和WFS规范, OpenLayers采用纯面向对象的JavaScript方式开发,同时借用了Prototype框架和 Rico库的一些组件. 采用OpenLayers作为客户端不存在浏览器依赖性.由于OpenLayers采用JavaScript语言实现,而应用

OpenLayers项目分析——（一）项目介绍

OpenLayers 是由MetaCarta公司开发的,用于WebGIS客户端的JavaScript包,目前的最高版本是2.7 V,通过BSD License 发行.它实现访问地理空间数据的方法都符合行业标准,比如OpenGIS的WMS和WFS规范, OpenLayers采用纯面向对象的JavaScript方式开发,同时借用了Prototype框架和Rico库的一些组件. 采用OpenLayers作为客户端不存在浏览器依赖性.由于OpenLayers采用JavaScript语言实现,而应用于We

OpenLayers元素选择工具

OpenLayers的selector工具相信挺多人都没有用过,其实这个工具用处还是不少的.比如完成元素查询时,需要实现图属性联动,使用这个工具很方便.最近做项目时也使用到这个工具,使用起来确实挺方便的.效果如图: 红色部分为使用selector选择的效果. 下面说说实现过程: 定义selector工具,并添加到地图中 //高亮元素选择 selectControls = { selector: new OpenLayers.Control.SelectFeature(this.hightLigh

OpenLayers图形与列表互动

项目上遇到这样一种需求:查询数据库后得到结果(带地理位置的)列表,每个结果在地图上都是一个四边形,四边形之间有交叉,有重叠,需要实现地图上的四边形和结果列表的互动.抛开其他逻辑功能,互动需求可以表示为如下两点意思: 1.点击地图上的四边形,被点击的(或者说被选中的)四边形会由蓝色变成绿色,结果列表中对应项会被打钩选中: 2.反过来,点击结果列表中的复选框,被打钩选中的结果对应的地图上的四边形会随之由蓝色变成绿色,取消打钩选中,则绿色还原成蓝色. (约定:查询结果四边形用蓝色表示,被选中的四边形用

OpenLayers 项目完整分析——（二）源代码总体结构分析

转自:http://www.cnblogs.com/lzlynn/archive/2008/07/29/1255848.html 二)源代码总体结构分析通过前面的项目介绍,我们大概已经知道Openlayers是什么,能够做什么,有什么意义.接下来我们分析它怎么样,以及怎样实现的等问题. 这个图是从它的文档上截取的,旨在从感官上认识一下OpenLayers的类.下面分别介绍(文档中的类是按字母顺序排列的,也按这个顺序说吧): 我们看到在类的顶层“高高在上”的是OpenLayers,它为整个项目实

OpenLayers实现覆盖物选择信息提示

var map; function init() { map = new OpenLayers.Map("map",{projection:"EPSG:3857"}); var osm = new OpenLayers.Layer.OSM(); var toMercator = OpenLayers.Projection.transforms['EPSG:4326']['EPSG:3857']; var center = toMercator({x:-0.05,y:

Openlayers修改矢量要素并且可捕捉

<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sc

Openlayers修改矢量要素

将以下代码放到demo下examples中即可运行 <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,

利用OpenLayers创建wkt字符串

var polygon = OpenLayers.Geometry.Polygon.createRegularPolygon(new OpenLayers.Geometry.Point(6, 49), 2, 18, 0); var feature = new OpenLayers.Feature.Vector(polygon); var wkt_c = new OpenLayers.Format.WKT(); var wktString = wkt_c.write(feature); var p

openlayers中利用vector实现marker的方式

项目需要一个小型的gis.openlayers,geoserver,postgres组合是比较好的选择. openlayers的marker层好像不支持拖动操作.通过研究api发现,可以利用vector层达到这个目的,作出标注的效果.可以定位,搜索,拖动等效果,选中的时候可以通过修改style达到动画效果. 基本做法如下: 1:定义marker显示的样式 2:扩展vector层,利用在扩展层上添加point与style,图片显示point就出现标注的效果基本代码如下: 定义样式:

openlayers研究（一）初始化流程

下载2.13.1.解压缩.根据readme解释,openlayers.js是一个压缩库,.light是一个图像显示的简化库,mobile顾名思义应该是应对移动设备的库.build里面有py写的打包工具,可以配置生成openlayers.js. 我最开始从lib里面的openlayers.js看,对ol的初始化顺序很困惑,因为最开始就判断OpenLayers这个对象,明明没有地方创建 lib下面的openlayers.js 后来查看根目录下面的OpenLayers.js时候发现原来是先加载的sin

JS如何使用Math.atan2获取两点之间角度的实践案例

本文主要介绍使用如何实现手动拖拽旋转元素的效果. 1.简述最近在研究如何实现手动控制元素的旋转效果,在网上找了很多,都没有找出类似的实现,因此经过一些调研和计算,最终完美实现效果,在这里记录下来. 2.效果展示通过手动旋转的方式,实现组件的360度无缝旋转.图示是实现结果的几个截图: 0deg 顺时针转到 66deg 逆时针转到 315deg 转到 180deg 3.实现分析如图所示,实现难点在于计算出两点间连线的倾斜角 angle 这里需要掌握的几个知识点: 3.1 获取转动的角度使用

（转）基于openlayers实现聚类统计展示

http://blog.csdn.net/gisshixisheng/article/details/46137015 概述: 在前面的博文中讲述过基于Arcgis for js如何实现聚类统计展示,在本文中讲述如何基于openlayers实现聚类统计的效果,Arcgis for js聚类统计的博文地址为: http://blog.csdn.net/gisshixisheng/article/details/40867989 效果: 实现关键点: 实现代码: 1.数据格式 2.设置显示样式 va

（转）openlayers实现在线编辑

http://blog.csdn.net/gisshixisheng/article/details/46054949 概述: 在前面有篇博文讲述了基于Arcgis for js和wkt实现在线数据的采集和编辑功能,在本文讲述如何在openlayers实现类似的功能.上一篇博文的地址为: http://blog.csdn.net/gisshixisheng/article/details/44310765 思路: 前后台的数据交互以wkt的形式,加载已完成对象用wkt,对象更新完成之后将geom

OpenLayers使用symbolizers样式特征

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>使用symbolizers样式特征</title> <link re

巴特西