Skip to content

Latest commit

 

History

History
242 lines (155 loc) · 6.78 KB

2.5README.md

File metadata and controls

242 lines (155 loc) · 6.78 KB

Mapbox

[Mapbox]@案例：https://github.com/lhywell/map/tree/master/example/example1

运行

$ cd example1
$ npm install
$ node map.js

浏览器中打开 localhost:3000

简介

2010 年成立，使用主要开源数据创建地图软件的公司，移动和 web 应用程序为主，目前每月超过 3 亿人在用。

官网：https://www.mapbox.com/

申请密钥

token: https://www.mapbox.com/studio/account/tokens/

Web Services APIs

https://docs.mapbox.com/api/overview/

产品集中在：

  1. 实时地图
  2. 地图搜索
  3. 地图导航
  4. 自定义地图

矢量瓦片（Mapbox 2013.5 提出的概念）

图层

在矢量瓦片中定义了图层的概念：矢量瓦片由一组命名的图层构成

  1. 特点：栅格瓦片的 1/4 大小，节省带宽
  2. 规范：https://www.mapbox.com/vector-tiles/specification/
  3. 规范 Git 地址：https://github.com/mapbox/vector-tile-spec
  4. 投影坐标系：Web 墨卡托

兼容性

  1. Mapbox 的矢量瓦片地图，基于 WEBGL 标准

map

数据由CANIUSE提供，可以看到 IE11 以下是不兼容的，大部分都是高版本浏览器

WebGL 是一个 3DCanvas 绘图技术，是由多个浏览器厂商共同达成的一致标准，旨在通过硬件加速增强浏览器端 3D 渲染能力，他和 W3C 标准组织没有任何关系，目前流行的three.js做了非常多的 3D 酷炫效果，是对 webGl 的整体封装

  1. 支持旧版本 Tilemill 或者 mapbox studio classic

Mapbox Data Sources

数据来源：

  1. Mapbox Streets - 包含来自世界各地的街道，建筑物和地点（ OSM ）
  2. Mapbox Traffic - OSM
  3. Mapbox Satellite -政府、机构
  4. Mapbox Terrain – 政府、机构

OpenStreetMap 组织

OpenStreetMap 是开源地图服务平台,是个公益性的组织，旨在创建用户自己的地图，大部分来自 400 万用户采集的 gps 数据、航拍图像的贡献，支持上传编辑，主要的客户有苹果、Foursquare，官网：http://www.openstreetmap.org

更多的介绍请看2.5 节

GeoJSON 标准（2008 年提出的）

在 Mapbox 中使用 geojson 数据，构建地图图层

map

GeoJSON 包含 7 种几何类型：Point（点）, LineString（线）, Polygon（多边形）, MultiPoint（多点）, MultiLineString（多线）, MultiPolygon（多个多边形）, and GeometryCollection（几何的集合）

如果你想生成一个 GeoJSON 文件，可以使用下边的转换工具：

  1. togeojson, a node package for converting KML and GPX (XML formats).
  2. geojson.io for creating, converting, and editing GeoJSON.

Mapbox 导航（2014.4）

https://www.mapbox.com/navigation/

功能：

  1. 交通感知路由
  2. 转弯提示
  3. 错误路线指示
  4. 步行，骑自行车和驾驶
  5. 交通堵塞、事故

文档：

  • Geocoding API
  • Directions API
  • Map matching API
  • Optimization API
  • Matrix API

Mapbox 地理编码（2015.6）

功能：

  1. 自动补全
  2. 高性能
  3. 查询过滤数据
  4. 存储查询结果
  5. 企业客户支持批量查询
  6. geocoding API 支持 python\javascript\React\Objective-c and Swift(IOS)\Android

map

以上 Mapbox 在进行坐标转换地址，地址转换坐标，或者其他相关地理编码开发的时候，对于中国的地址支持的还不是很好。

Mapbox Studio（2015.11）

在线编辑器，需要注册，然后创建地图，生成一个 token，用于开发者使用，官网：https://www.mapbox.com/studio/

功能：

  1. 3D 渲染能力强
  2. 支持移动平台 canvas 优势
  3. 缩放级别 22 个级别 未来扩展到 AR / VR，汽车和国际

map

Mapbox 车载导航（2016.6）

功能：

  1. 支持地图定制
  2. 支持自定义数据接入,比如充电站
  3. 3D 技术渲染，
  4. 支持离线
  5. iOS、Android、Qt、Linux 平台

数据来源：从 130 万用户收集 GPS 数据，数据的准确性不足，相对便宜

在未来 mapbox 公司正在寻求与汽车行业合作将其地图整合到汽车信息娱乐系统和自动驾驶系统中

Mapbox 城市计划（2016.9）

官网：https://www.mapbox.com/cities/

案例： https://urbica.co/citibike/

文档

SDK DOCUMENTATION

  • iOS SDK
  • Android SDK
  • Navigation SDK
  • Unity SDK
  • GL JS
  • Qt SDK

API DOCUMENTATION

  • Directions API
  • Geocoding API
  • Uploads API
  • Static API
  • Matrix API
  • Map Matching API
  • Styles API
  • Maps API
  • Datasets API
  • Optimization API

Mapbox GL JS-前端

Mapbox 结合其他地图工具

Mapbox 客户群体

  • 在 Snapchat 上与朋友分享，
  • 在 Weather.com 上查看是否下雨，
  • 在 Bloomberg 上追踪重大新闻，
  • 或是在 Lyft 中查看您的 ETA，
  • Pinterest
  • Foursquare
  • MapQuest
  • 让分析公司了解大地理数据
  • 无人机公司发布天桥
  • 房地产网站可视化房地产
  • 卫星公司处理无云图像
  • 保险公司跟踪资产。

案例

map

map

map

map

map

map

map

map

map

map

总结

Mapbox 具备 4 大能力：

  1. 自定义地图能力
  2. 结合 GeoJson 数据渲染能力
  3. Mapbox GL，定位、搜索、导航
  4. 结合其他地图工具能力

上一页：MapQuest

下一页：ArcGIS