Openlayers
关注
分享
扫一扫
GIS开发者
辽宁工程技术大学硕士研究生毕业，长期从事WebGIS、移动GIS开发工作，全栈 (前端、后端、Android、小程序、H5)，现任某地理信息公司研发部经理,叩叩965894265
展开
-
OpenLayers地图打印输出
最近遇到了在Openlayers上开发地图打印的功能，官网给了两个全图打印的demo。其核心思想是将canvas里的像素提取出来。全图输出，保存为本地图片map.once("postcompose", function(event) { var canvas = event.context.canvas; if (navigator.msSaveBlob) { ...原创 2018-05-17 16:58:16 · 5370 阅读 · 6 评论 -
Google地图切片TMS格式，本地使用
利用地图下载器下载的已经切好的Google影像切片TMS格式，如何发布供本地使用呢？图片格式如下：解决方案本地安装tomcat或者其他的web容器，将文件放在tomcat的webapps文件夹下然后启动tomcat，就可以访问到了在openlayers访问该服务器的地址代码如下所示：<!DOCTYPE html><html> <head> <...原创 2018-06-06 11:32:34 · 10574 阅读 · 8 评论 -
Openlayers4地图重复出现的问题
在做Openlayers里做地图开发的时候，会出现地图重复出现的问题。如下图这种问题尝试了很多方式，给你Map/View设置Extent，都没有什么作用。最终解决方案：给地图的每一个layer设置extent；Openlayers下的每一个图层基类都继承了这个接口，设置setExtent[-180,-90,180,90]，之后有效的解决了地图图层重复出现的问题...原创 2018-06-14 11:40:56 · 4683 阅读 · 10 评论 -
Openlayers地图背景透明度设置
在实际开发中，为了美观，需要设置Openlayers中地图div中除了地图之外的地方的透明度，这个通过设置.ol-viewport的样式就可以完成。项目测试代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>背景色测试</ti..原创 2018-07-10 18:03:19 · 6849 阅读 · 0 评论 -
Openlayers4设置鼠标经过要素样式
因为实际需要，要在地图上设置鼠标经过一个矢量要素的时候，变换样式。使用Openlayers还是很容易实现的，代码如下： map.on('pointermove',function(e) { var pixel=map.getEventPixel(e.originalEvent); var feature=map.forEachFeatureAtPixel(pixel,fun...原创 2018-07-05 09:34:42 · 7175 阅读 · 2 评论 -
根据新的地图图幅编号，在openlayers上显示图幅范围和图幅号
因为性能关系，在Openlayers上同时显示过多时会造成卡顿，这里做成了根据图幅号查询图幅，并在地图显示。注意这里使用的是最新的图幅编号。代码是使用Vue写的，借鉴的时候需要注意一下 selectMapNumber() { const that = this; this.$prompt("请输入图幅号", "图幅选取", { confirmButtonTe...原创 2018-07-05 09:40:44 · 1918 阅读 · 13 评论 -
Openlayers4动态绘制地图分幅网络
在Openlayers地图上根据地图分幅规则，绘制分幅网格，需要注意的有几点：1确认什么比例尺时展示什么1:100万、1:50万...比例尺的分幅2根据地图当前视窗位置，动态绘制注记和网络，因为全部绘制的话，网格和注意太多，严重影像运行速度3绘制经线和纬线，不绘制网格，网格严重内存更多代码如下： addSheetNumber(number){ getLayerByName(this.$...原创 2018-07-05 09:53:12 · 1798 阅读 · 2 评论 -
Openlayers APIDOC下载地址
做开发时，很多人刚刚接触Openlayers，不知道在哪下载API、API DOC、Example。下面列举一下地址最新版API、说明文档、Example下载地址：https://openlayers.org/download/历史版本下载地址：https://github.com/openlayers/openlayers/releases/...原创 2018-07-12 10:14:16 · 1223 阅读 · 0 评论