综合分析及结论.docVIP

Openlayers3 MapboxGL Leaflet 综合分析 Openlayers3 特点介绍 OpenLayers3相对于openlayers2设计了「-些主要的新功能，如显示三维地图， 或使用WebGL快速显示大型矢量数据集，这些功能将在以后的版本屮加入。具 体新特性如下 瓦片图层：既允许我们从提供乩片地图服务的数据源诸如： OSM,Bingmaps,MapBox,Stamen,MapQuest 等以及其他 XYZ 资源屮（X,Y 对丿、/于行列号，Z 为zoom值）获取乩片数据，同时也支持OGC地图服务（WMS）以及非乩片数据的乩 片图层显示。 矢量图层：对GeoJSONJopoJSON, KML, GML等格式的矢量数据进行渲染，今示还会增 加更多格式的数据。 快速、支持移动设备：开箱即用的移动设备支持，根据所需选择合适的纽件来构建 轻量级的、自定义的配置。 High-DPI支持：OpenLayers3为矢量图层和WMS图层提供更高质量的图像显示。 前沿技术、易于定制：利用WebGL,Canvas2D以及HTML5的所有新特性来渲染地图， 直接使用CSS来设定控件的风格。 支持HTML5：可借助WebGL, Canvas 2D等所有HTML5优势进行渲染，直接用css控 制map风格。 浏览器支持：OpenLayers3不支持IE8及更低版木的IE Leaflet特点介绍 Leaflet和Openlayers都是两个主要的开源地图JavaScript幷,开放的程度都 很高，但考虑到移动端和小巧轻便易扩展，大部分情况还是考虑Leafleto我们将 在一个应用程序屮使用这个封装组件，该应用程序给我们展示了-?个地图并提供 了一个nJ以移动到地图屮指定位置的按钮。Leaflet没有Openlayers那么复杂，? 注性能和可用性，简单的API,精巧，移动支持。兼容移动端似乎是必不可少的 事情，放犬缩小平移，都是一些必备的功能。小巧才可以在移动端受限的情况下， 有效运行。而扩展性就是又一个重要的特征。 Leaflet常用插件包括： leaflet：移动端友好的交互地图JavaScript库。 leaflet.markercluster：为Leaflet提供漂亮动态聚类功能 angular-leaflet-directive：用 AngularJS directive 完成更容易的交卫地图 leaflet.draw：矢量画图丁?具 Leaflet.awesome-markers：漂亮的高清图片 markers S于 Glyphicons / Font-Awesome icons leaflet-providers：底图免费提供设置 leaflet-dvf： leaflet 数据可视化 leaflet-hash：位置哈希表 leaflet.fullscreen：全屏功能 leaflet-editable：儿何可编辑工具 leaflet-geocoder-mapzen:杳找地理编码通过 Pelias Geocoder API 其4^ leaflet.markercluster, leaflet-providers, leaflet.fullscreen 为常用工具。地图 设置是每个GIS开发必须掌握的，marker的聚类分析和全屏功能非常有用，而编 辑几何要素，如leaflet.draw和leaflet-editable是很重要的，分别对应矢量空间数 据的创建和修改 3. MapBoxGL特点介绍 MapBox GL是基于WebGL的客户端矢量地图，也是个JavaScript库。H前 官网最新版本是0.21o MapBox提供了一系列电子地图工具，可以将自定义的地 图快速便捷地添加到应用屮°用户在这里可以设计纹理、插图等不同风格的地图, 自定义标记样式，同时还具备矢量瓦片、静态地图、地理编码等功能。 对于开发者而言，MapBoxGL有API、SDK和其他开发工具可以选择;开发者 能将动态地图和MapBox的技术与自己的应用结合。这个平台的特色功能是一?种 在线地图编辑工具，允许用户使用自己的数据快速建立自定义地图，支持导入的 数据类型包括电了表格文件(CSV)、GeoJSON. KML、GPX。 Map的组成 任何GIS引擎必然要处理两部分，一个是数据来源，一个这些数据在界面呈 现的样子。在style里面包含的source和layer对应于这两部分。 4?综合分析 综合对比分析0penlayers3 MapBoxGL、Leaflet三种开源框架。 名称 特性 Open Iayers3 MapBoxGL Leaflet 开源协议 BSD协议 BSD协议 BSD协议 浏览器支持 IE8以上 仍然支持IE8 仍然支持IE8 支持3