最新文章列表

openlayer4 弹出框封装

 很多场景需要在地图上弹出一个tooltip或者popup之类的小窗口显示一些信息,最近简单做了一下封装,方便后续调用,代码如下:     /* 刘玉峰 jjxliu306@163.com 2018-05-05 */ //点击后高亮下方的feature 并且弹出popup信息做展示 Popup = function(map ){ this.map = map ; ...
jjxliu306 评论(0) 有2609人浏览 2018-06-06 11:52

openlayer4 多图联动

 之前在ol2中多图联动需要监听地图move事件,在事件中对其他地图进行位置更新来达到多图联动的效果,在ol4中可以直接通过多个地图共享一个view来达到多图联动的效果。 直接上代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>多图 ...
jjxliu306 评论(0) 有452人浏览 2018-05-31 11:57

基于 HTML5 OpenLayers3 实现 GIS 电信资源管理系统

前言 通过结合 HTML5 和 OpenLayers 可以组合成非常棒的一个电信地图网络拓扑图的应用,形成的效果可以用来作为电信资源管理系统,美食定位分享软件 ...
xhload3d 评论(0) 有1473人浏览 2018-05-23 10:01

Openlayers2多地图联动

地图实际使用中经常会出现多地图对比的情况,多图联动需求明确,通过openlayers中的map.center 控制多个地图直接联动,主要代码为:     当存在两个地图的时候 _maps = [map1 , map2] ; _maps[0].events.register("move", _maps[0], function() { ...
jjxliu306 评论(0) 有1378人浏览 2017-04-13 16:24

Openlayers2扩展markers图层

使用ol2中经常会碰到添加marker数据,并在数据之上提供marker的鼠标点击事件,弹出popup详细信息,对此进行了简单封装,详见:   1、marker的数据元素   /** * Class: MarkersLayer.Source */ MarkersLayer.Source = OpenLayers.Class({ lonlat:null , //坐标 ...
jjxliu306 评论(0) 有2160人浏览 2017-04-13 13:30

openlayers3应用(一):调用百度离线瓦片地图

上一篇文章介绍了使用openlayers3加载百度在线地图,对某些项目或应用场景比如不允许上外网的单位,某些项目只针对一定区域地图加载应用,比如一个县的地图,可以采用下载百度瓦片地图,在服务器或者本机单独部署的方式进行。 本篇主要讲述如何使用openlayers3调用下载的百度离线瓦片地图。瓦片地图下载器,网上有很多,在此不做详细描述。 Openlayers3加载离线百度瓦片地图,效果以及代码 ...
cdguiyi 评论(1) 有2672人浏览 2017-03-25 11:40

关于WebGIS开源解决方案的探讨(转载)

1.背景 公司目前的多数项目采用的是ArcGIS产品+Oracle+WebLogic/Tomcat/APUSIC/WebShpere这样的架构。由于 公司从事的是政府项目,甲方单位普遍均采购有以上产品,所以很多时候忽略购买以上产品所需要的费用。并且很多项目的推广,ARCGIS、IBM还有联通或 者移动是公司的合作伙伴,涉及到商务问题,对开源的需求并不是很大。再则,政府项目一般侧重的是系统的稳定 ...
cdguiyi 评论(0) 有1669人浏览 2017-03-02 22:51

Openlayers扩展H5绘制10W+数据

本文基于openlayers2现有api扩展html5的支持绘制10W+的四边形,当然样式简单死板,只为说明通过H5也 可以为ol带来不菲的性能(默认自带vector图层中添加feat ...
jjxliu306 评论(0) 有5216人浏览 2016-08-14 11:00

HTML5 网络拓扑图整合 OpenLayers 实现 GIS 地图应用

在前面《百度地图、ECharts整合HT for Web网络拓扑图应用》我们有介绍百度地图和 HT for Web 的整合,我们今天来谈谈 OpenLayers 和 HT for Web 的整合。 HT for Web作为逻辑拓扑图形组件自身没有GIS功能,但可以与各种GIS引擎即其客户端组件进行融合,各取所长实现逻辑拓扑和物理拓扑的无缝融合,本章将具体介绍HT for Web与开发免费的Ope ...
xhload3d 评论(0) 有1614人浏览 2016-08-08 01:53

GeoServer学习——OpenLayers3加载KML地图实现框选

  时间:2016-02-26,欢迎转载,转载请保留本文地址: http://wallimn.iteye.com/blog/2279201   初学GeoServer、OpenLayers,折腾了几天,终于完成了一个简单的任务:使用GeoServer发布KML数据,WEB页面通过OpenLayers打开,实现显示框选的元素。简单记录一下过程,希望对摸索技术的朋友有所帮助。   GeoServer的 ...
wallimn 评论(6) 有11264人浏览 2016-02-26 23:24

openlayers发布离线地图

     最近的一个项目需要在局域网内做到地图效果,在网上搜素以后,决定使用openlayers加离线瓦片地图来做。     下面代码是摸索了几天以后做出的例子,当然因为了解不深,只是简单做了一个效果,没用到太多的组件和方法,还希望精通的大神不要笑话。    代码: <?xml version="1.0" encoding="gbk"?> ...
wangzemin 评论(0) 有4592人浏览 2015-12-03 14:06

基于openlayers扩展添加天地图背景组件

最近公司有个需求,直接在地图上可以切换天地图的地图和卫星图作为背景图,撇开ol自带的layerswitcher(天地图的标注和底图是分开的,因此算两个layer,切换不方便),自己扩展了一个mapswitcher,将天地图的卫星图和地图做了封装,先来个封装好的效果图  : 卫星图:   地图:    注意在地图右上角的位置 多了一个单选框,可以选择 “卫星图”或者“地图”。   ...
jjxliu306 评论(0) 有6277人浏览 2015-09-11 10:09

让OpenLayers添加百度地图(未完版)

来自:http://www.cnblogs.com/laoyu/archive/2012/06/10/2544379.html 让OpenLayers添加百度地图(未完版)      KoalaGIS的在线地图系统,打算采用国内外主要的几个地图服务:google地图、百度地图、OpenStreet Map、天地图。google、百度、openstreet的服务器性能好,速度快,但google由 ...
jie66989 评论(0) 有1927人浏览 2015-03-31 17:15

HT for Web整合OpenLayers实现GIS地图应用

HT for Web作为逻辑拓扑图形组件自身没有GIS功能,但可以与各种GIS引擎即其客户端组件进行融合,各取所长实现逻辑拓扑和物理拓扑的无缝融合,本章将具体介绍HT for Web与开发免费的OpenLayers地图结合应用的关键技术点,该文介绍的结合的原理,其实还可推广到与ArcGIS、百度地图以及GoogleMap等众多GIS地图引擎融合的解决方案。 以上抓图为本文介绍的例子最终运行效 ...
xhload3d 评论(2) 有2870人浏览 2014-12-02 02:51

Opanlayers用LineString画多边形

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content=& ...
老糊涂 评论(0) 有1350人浏览 2014-09-24 00:26

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics