Category: openlayers

openlayers3.x
openlayers4.x
openlayers5.x

OpenLayer之聚合标注和信息框弹出

聚合标注和信息框弹出,聚合图层的组成1、Vector的source,这里面主要放feature,这个source不是直接加载到Vector图层中的source for (var i = 0; i < dataSource.length; i++) n var coordi...

OpenLayers官方示例详解二:Drag-and-Drop Image Vector

BET356宫网目录nn?nn一、示例概述nn二、代码详解nn2.1、创建DragAndDrop控件并添加到地图nn2.2、设置数据文件拖拉到浏览器后执行的操作nn2.3、样式函数nn2.4、显示新添加的要素的信息nn三、完整代码与测试nn四、总结nn一、示例概述nn? ? 本示例实现了从文件夹中拖拉文件到浏览器从而加载地理数据的功能,地理数据是以图片的形式展示在浏览器。nn二、代码详解nn2.1、创建DragA…

[1]openlayers API之地图比例尺ScaleLine

参考书籍《WebGIS之OpenLayers全面解析》,研究OpenLayers的API,做一些exercise。n? ? ? 地图比例尺表示地图上距离按一定比例比实际缩小的程度,表示为地图的缩小程度,又称为缩尺,这里用到的OpenLayers3封装的比例尺控件ol.control.ScaleLine。

web GIS地图打印

最近做了个小的功能,关于web GIS的地图打印功能,最终页就是将信息生成pdf。rn整个流程如下:rn1、在上侧的工具栏中添加一个打印按钮,如下图rnrn2、单击打印按钮,弹出打印设置对话框,设置打印信息,标题,纸张大小,图标,rn比例尺这一项没有用上,使用的是当前的地图比例尺,其中纸张大小,图标使用的是自定义标签从数据库中读取出来rnrn3、点击OK按钮后打印对话框关闭,使用鼠标右键画框选定需…

ArcGIS学习(五)OpenLayers调用WMS服务

OpenLayers:rnrnOpenLayers是一个开源的js框架,用于在您的浏览器中实现地图浏览的效果和基本的zoom,pan等功能。OpenLayers支持的地图来源包括了WMS,GoogleMap,KaMap,MSVirtualEarth等等,您也可以用简单的图片作为源,在这一方面OPenLayers提供了非常多的选择。

openlayers结合百度地图API加载搜索定位功能

nnn//每次请求之前清空上一次搜索的图层 n searchPlaceLayer.getSource().clear()n $.ajax(n //url中的参数含义参见百度地图官网webAPI文档n url: ‘http://api.map.baidu.com/place/v2/search?query=大唐芙蓉园®ion=西安市&p…

OpenLayers(Layer1)

添加4个图层,注意每个图层的属性设置:rnrnnnnn创建一个简单的电子地图nnnnnnnn var map; n var wms_base;n function init()n map=new OpenLayers.Map(‘map_element’,);n wms_base=new OpenLayers.Layer.WMS(n ‘Base Layer’,n ‘http://v

Openlayer图层载入时进行坐标系的转换

Openlayer地图和要添加的图层坐标系不一致的时候,需要进行转换,如下例所示:nnvar format = new ol.format.WKT();nvar feature;n$.each(data, function (i, link) n feature = format.readFeature(link.geom, n dataProjection: ‘EPSG:43

GIS程序开发-geoserver与OpenLayers配置入门

geoserver与OpenLayers配置入门rnrngeoserver与OpenLayers配置入门rn目录rn1??? 准备工作??? 4rn1.1??? 需要用到的程序和资料??? 4rn2??? 地图格式转换方式(一)??? 5rn3??? 地图格式转换方式(二)??? 5rn3.1??? 解压地图??? 5rn3.2??? 打开地图??? 5rn3.3

iconfont字体图标的使用

地图中使用图标的场景很多,之前一直都是将各图标放到一张大图里面,再使用css切图的方式读取,后来接触到iconfont,iconfont可以像字体一样使用css调整图标,简单好用功能强大!这里记录一下n1.注册登录阿里巴巴矢量图标库官网nhttp://www.iconfont.cn/nn2.新建365体育备用网址_365体育足球开_365bet体育在线 365n【图标管理】—>【我的365体育备用网址_365体育足球开_365bet体育在线 365】—>【新建365体育备用网址_365体育足球开_365bet体育在线 365】,创建自己的365体育备用网址_365体育足球开_365bet体育在线 365,保存和管理自己的图标

GIS-OpenLayer3探索:1 . 示例集合

Accessibility example(可访问的例子)n放大,缩小,鼠标移动地图nAnimation example(动画)n左右旋转180度n以罗马为中心每点击一次顺时针旋转90度n平行匀速移动地图到伦敦n弹到墨西哥n移动到伊斯坦布尔并且做弹动n旋转3圈后到罗马nTiled ArcGIS MapServer example(ArcGis 瓦片地图服务器示例)Attributions examp

OpenLayers源码学习(二) 加载城际通地图

背景:rnrn今天上班途中一直在回忆,我学习OpenLayers的过程。 rnrn记得几天前也就是3.31号的周末,整个人都要抓狂;已经学了一个多礼拜了但是依然不知道从哪里入手。rn昨天成功debug了地图移动触发事件的流程, 突然有种豁然开朗的感觉。rnrnrn流程:rnrn1.熟悉OpenLayers 基本的操作,载入地图加载控件.rn??? 了解 “比例尺”? “瓦片”? “墨卡托投影”

openlayers3应用(二):加载百度离线瓦片

上一篇文章介绍了使用openlayers3加载百度在线地图,对某些365体育备用网址_365体育足球开_365bet体育在线 365或应用场景比如不允许上外网的单位,某些365体育备用网址_365体育足球开_365bet体育在线 365只针对一定区域地图加载应用,比如一个县的地图,可以采用下载百度瓦片地图,在服务器或者本机单独部署的方式进行。rn本篇主要讲述如何使用openlayers3调用下载的百度离线瓦片地图。瓦片地图下载器,网上有很多,在此不做详细描述。rnOpenlayers3加载离线百度瓦片地图,效果以及代码

跳至工具栏