最近研究了百度 echarts 的一个很炫酷的示例: http://gallery.echartsjs.com/editor.html?c=xrJHCfsfE-

看了代码发现了很多不懂1东西,研究研究。

其中的地图部分数据来源于mapBox,引用 MapBox 的时候必须要有 API access tokens,这个在注册mapbox用户之后就会分配给每个月用户一个,如下图。

mapbox 官方页面里面有一些示例或者说是temple,也可以用 tileMill 编辑生成,具体操作见:https://tilemill-project.github.io/tilemill/docs/crashcourse/introduction/

大家也可以看看这个入门教程:http://blog.csdn.net/jwdstef/article/details/38760281

简单的GIS系统可以直接引用Mapbox,如果要添加图层layer,或者动态交互图层,可以引用其他OSM数据(如:*.shp,*.dbf)。

那怎么生成这些数据呢,大家可以看看:http://blog.sina.com.cn/s/blog_72f0b6080102w39z.html 这个教程,在OSM数据选中,如果数据太大也就是所选区域太大,就会导出失败。

导出数据之后还可以用其他 GIS 编辑器编辑,如ArcGIS Editor :http://www.esri.com/software/arcgis/extensions/openstreetmap,QGIS:http://www.qgistutorials.com/en/,Mapzen:https://mapzen.com/data/metro-extracts/

当然也可以直接下载一些OSM数据:如:http://download.geofabrik.de/

其实最简单的办法就是引用百度地图的API,里面有很多现成的封装好的工具。当然要进行更多个性化操作的时候,就要自己去探索GIS系统的历史和现状了。

其实OSM的数据有很多用途,比如北京市的数据,有  https://mapzen.com/data/metro-extracts/metro/beijing_china/,比如北京市的地图数据,就有好几种。我下载了下图所示的数据。包括北京市的边界点、边界线、公路、水域等,还有raw data,就是未经处理的。当然数据不是实时更新的,肯定有些许偏差。

用途见:https://mapzen.com/documentation/metro-extracts/file-format/

http://openlayers.org/en/latest/examples/geojson.html

Web GIS系统相关的更多相关文章

  1. Web GIS离线解决方案

    1.背景 在离线环境下(局域网中)的GIS系统中如何使用地图?这里的地图主要指的是地图底图,有了底图切片数据,我们就可以看到地图,在上面加上自己的业务数据图层,进行相关操作. 要在离线环境下看到GIS ...

  2. Java开源GIS系统

     uDig  基于Eclipse RCP的uDig开源项目既是一个GeoSpatial应用程序也是一个平台开发者可通过这个平台来创建新的在uDig基础上衍生的应用程序,uDig是Web地理信息系统的一 ...

  3. java离线地图web GIS制作

    因为项目需求,要做一个web地图,之前做过高德的在线地图,它提供了一系列的API,并且由于是国产的,所以开发起来比较容易,现在由于项目是内网使用的,所以需要使用离线地图,由此便开始了: Web GIS ...

  4. 绿色城市智慧运营:Web 3D 垃圾分类 GIS 系统

    前言 感谢所有为上海疫情奉献的人,祈求上海疫情早日清零,中国加油,上海加油! <上海市生活垃圾管理条例>施行至今已有两年多,上海市民践行绿色低碳理念.主动参与生活垃圾分类的习惯基本养成,分 ...

  5. 2013Esri全球用户大会之解读Web GIS

    1 什么是Web GIS,它跟我有什么关系? Web GIS是传递GIS功能的一种新方式,在Esri把GIS作为平台进行实现的战略方向中位于中心位置.Web GIS为用户随时随地访问和使用地理信息提供 ...

  6. 搭建简易Web GIS网站:使用GeoServer+PostgreSQL+PostGIS+OpenLayers3

    Web GIS系列: 搭建简易Web GIS网站:使用GeoServer+PostgreSQL+PostGIS+OpenLayers3 使用GeoServer+QGIS发布WMTS服务 使用GeoSe ...

  7. Web GIS 航拍实现的智慧园区数字孪生应用

    前言 随着智慧城市建设的不断发展,智慧园区作为智慧城市的先行区,其覆盖区域越来越大,产值越来越集中,对于园区数字化建设和智能化管理的诉求也愈加强烈.园区数字化管理是以实现园区多维度业务数据汇聚.融合. ...

  8. 城市防汛应急管理智慧 Web GIS 可视化平台

    前言 今年第 17 号台风"狮子山"(热带风暴级)登陆海南岛,受"狮子山"影响,海南岛北半部地区出现暴雨到大暴雨.局地特大暴雨.台风带来的强风雨导致海南岛多地树 ...

  9. OS.js – 开源的 Web OS 系统,赶快来体验

    OS.js 是一个开源的 Web OS 系统,可以在浏览器中运行,提供了窗口管理器,应用程序API,用户界面开发套件和抽象的文件系统等.可以部署在 Node 或者 PHP 环境中运行.OS.js is ...

随机推荐

  1. PAT 1112 Stucked Keyboard

    1112 Stucked Keyboard (20 分)   On a broken keyboard, some of the keys are always stucked. So when yo ...

  2. ThinkPHP5.0源码学习之注册错误和异常处理机制

    在base.php文件中,用一句代码\think\Error::register();实现错误和异常处理机制的注册. // 注册错误和异常处理机制 \think\Error::register(); ...

  3. vim 插件 -- ctags

    vim ctags 插件实现代码跳转的功能.希望在一个项目中快速的找到函数,变量,宏等定义的地方. 下载 http://ctags.sourceforge.net/ 安装 tar -jxvf ctag ...

  4. 在Tomcat中部署Web项目的操作方法,maven项目在Tomcat里登录首页报404

     maven项目在Tomcat里登录首页报404, 解决:编辑conf/server.xml进行配置<Host>里的<Context>标签里的path. <Context ...

  5. 注册Activity

    <activity android:name=".类名"                               android:label="@string/ ...

  6. java service 安装

    sudo ln -s /var/services/video/video-live.jar /etc/init.d/live-service sudo chmod +x /var/services/v ...

  7. 云硬盘性能测试工具FIO介绍

    一.云硬盘的性能衡量指标 云硬盘的性能指标一般通过以下几个指标进行衡量 IOPS:每秒的读写次数,单位为次(计数).存储设备的底层驱动类型决定了不同的IOPS 总IOPS:每秒执行的I/O操作总次数 ...

  8. 事件对象的属性,基于jQuery(jquery针对不同浏览器进行了兼容性的封装)

    1. event.type(该方法是获取到事件的类型) $( 'a' ).click( function( event ){ alert( event.type ); //click return f ...

  9. dom4j操作xml的demo

    package com.cn.shop.util; import java.io.File;import java.io.FileOutputStream;import java.io.OutputS ...

  10. 无法新建EXCLE

    Regedit 进入注册表,找到HKEY_CLASSES_ROOT>.xls和.xlsx的ShellNew的值设置为:C:\Windows\ShellNew\EXCEL12.XLSX