openlayers 保存 geojson

2024-08-29

使用GeoServer导出地图数据GeoJSON并应用

在项目中,需要使用乡镇街道的地图边界,之前一直使用的是百度地图或Echarts地图,其没有这部分行政区的数据,需要在第三方购买数据,其提供的是shp文件主文件:counties.shp 索引文件:counties.shx dBASE表: ounties.dbf 我使用GeoServer将shp文件导入(文件导入时选择GBK编码),然后再使用GeoServer界面管理中导出数据功能导出为GeoJSON格式开始使用的GeoServer2.3.8,当导出问KML数据,中文没出现乱码现象,但是导出为

openlayers 保存当前地图View为图片

/** * 保存地图为图片工具栏 */function addMapToolSavePicture() { var saveElement = document.createElement('a'); saveElement.className = "mapbtn glyphicon glyphicon-picture"; saveElement.setAttribute("data-toggle", "tooltip"); saveElemen

OpenLayers中的球面墨卡托投影

最近看OpenLayers,研究到地图投影时找到官方的文档,就翻译了一下,由于英文能力差,翻译不好的地方,请看原文原文地址:http://docs.openlayers.org/library/spherical_mercator.html 球面墨卡托投影该文档说明了什么是球面墨卡托投影以及何时使用该投影.文档中包含一些必要的背景知识.商用图层的代码演示.添加WMS图层以及使用OpenLayers进行投影变换的内容.要求读者对投影变换和OpenLayers有一个基本的了解. 什么是球面墨卡托

openlayers研究（一）初始化流程

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

Echarts 地图添加自定义区域

使用 Echarts 生成地图时,如果需要添加一些自定义区域,该怎么做呢?请看下面示例. 生成原始地图 index.hmtl 引入 Jquery 和 Echart <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Echarts 地图添加自定义区域</title> <script></sc

OpenLayers添加点【php请求MySQL数据库返回GeoJSON数据】

php请求MySQL数据库返回GeoJSON数据的实现方法请参见: http://www.cnblogs.com/marost/p/6234514.html OpenLayers[v3.19.1-dist]添加GeoJSON数据源图层 <!doctype html> <html lang="en"> <head> <link rel='stylesheet' href='ol.css'> <style> #map { heig

openLayers 3知识回顾

openlayers 知识前段时间帮助同事重构一个地图类的项目,然后就学习了openLayer3这个框架,但是官网上没有中文版,也没有详细的例子解释,我只能遇到看不懂的就翻译成中文来用,为了方便以后再用这个ol,能够更快的上手,就花了几天的时间总结了ol的知识,ol功能很丰富,API也很多,没有写太多,只是写了怎么用的,只要学会了根本,就可以很快的使用API去操作map. 另外,在总结知识的同时,还写了demo,加深自己的理解,大家觉得不错的话,给个star- GitHub 那么开始吧! 目录

OpenLayers 3 入门教程

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

OpenLayers图形与列表互动

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

Openlayers简介

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

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

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

geoserver扫盲 openlayers相关

转自:http://www.cnblogs.com/lzlynn/archive/2008/07/29/1255702.html WMS: Web Map Service(Web地图服务 ) l 利用具有地理空间位置信息的数据制作地图.其中将地图定义为地理数据可视的表现.这个规范定义了三个操作: n GetCapabitities 返回服务级元数据,它是对服务信息内容和要求参数的一种描述: n GetMap 返回一个地图影像,其地理空间参考和大小参数是明确定义了的: n GetFeatu

Geoserver基本使用、WMS服务发布与OpenLayers测试

1.Geoserver与OpenLayers的下载 Geoserver:http://geoserver.org/ OpenLayers:http://openlayers.org/ 2.安装部署Geoserver 环境:jdk 1.7,geoserver-2.5 配置:修改geoserver-2.5/ect/jetty.xml 的端口为8089,避免端口冲突. <Call name="addConnector"> <Arg> <New class=&qu

Json 与GeoJson

1.JSON介绍 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序.这个字符串看起来有点儿古怪,但是JavaScript很容易解释它,而且 JSON 可以表示比"名称 / 值对"更复杂的结构. JSON 语法是 JavaScript 对象表示语法的子集.

Geoserver+Openlayers拉框查询

1.代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>OpenLayers</title> <link rel="stylesheet" href="geoserver/ol.css"

OpenLayers学习笔记（十）— 动态加载JSON数据模拟航迹线

在openlayers 3 上,加载本地json数据,动态绘制航迹线,以飞机当前位置为地图中心,此例子是模拟DEMO 本文链接:动态加载JSON数据模拟航迹线作者:狐狸家的鱼 GitHub:八至前提需求需要以JSON数据动态加载绘制飞机轨迹线,飞机图标以加载的坐标为当前实时位置,经过的坐标追加到轨迹线上,标牌始终跟随飞机移动. 简单搭建本地服务器因为要加载本地JSON文件,可能会存在跨域问题,所以在本地搭建一个服务器来加载数据,会更加方便. 1.全局安装http-server npm i

<WebGIS之OpenLayers全面解析>示例程序运行问题

运行<WebGIS之OpenLayers全面解析>中的示例程序时,无法加载*.json文件. 查看到提示如下错误:GET http://localhost:11232/demos/data/geolocation-orientation.json 404 (NOT FOUND) 原因: IIS服务器设置问题 1.Open IIS Manager 2.Display properties for the IIS Server 3.Click MIME Types and then add the

openLayers，常见地图实例

http://openlayers.org/en/master/examples/epsg-4326.html -- 标尺 http://openlayers.org/en/master/examples/export-map.html -- 截图 http://openlayers.org/en/master/examples/export-pdf.html -- 导出PDF http://openlayers.org/en/master/examples/extent-interaction

OpenLayers WorkShop 快速学习通道

学习地址:https://openlayers.org/workshop/en/ OpenLayers Workshop Introduction Basics Creating a map Zooming to your location Vector Data Rendering GeoJSON Drag and drop Modifying features Drawing new features Snapping Downloading features Making it look

OpenLayers 官网例子的中文详解

https://segmentfault.com/a/1190000009679800?utm_source=tag-newest 当你希望实现某种功能的时候,即使你对 openlayers 几乎一窍不通,照着官网的例子做,也可以很快的实现想要的效果. 问题在于,官网的例子都是英文啊,不能很快定位到想要的效果是在哪个例子里面!!( 英文不渣就别看这篇文章了 ) 最近在学 openlayers ,我觉得非常有必要将 openlayers 官网的所有例子都看过去一遍,这篇文章就当是笔记了. 名词解释

openlayers 保存 geojson

热门专题