MapBox教程

MapBox简介

MapBox是一个可以免费创建并定制个性化地图的网站，一些相关的介绍：

• 创立3年没要投资人一分钱，没销售人员——个性定制地图网站Mapbox是如何服务900家付费客户，并养活30号员工的
• Mapbox – 自定义你的地图

类似的网站还有

• ArcGIS Online
• CartoDB
• 地图汇
• Google Fusion Tables

创建自己的地图

当然，要想创建自己的个性化地图，首先需要申请一个账号。创建完成后，在右上角可以看到Projects和Data两个选项，这里选择Projects进入可以看见自己的Projects列表，点击+ Create project进入设计地图界面。

进入设计界面后，可以看到Style、Data和Project三个主要的设计标签页，另外还有个人主页、搜索和Saved选项，下面主要介绍一下Style、Data和Project三个标签页。

Style

Style标签页主要用来设置底图的配色、底图的数据和注记语言，分别通过Color、Baselayer和Language三个选项进行设置。

• Color：通过调色板设置不同要素（街道、建筑、绿化区、水体、陆地）的颜色。也可以通过MapBox预先定义的配色方案来设置自己地图的配色。
• Baselayer：设置地图类型，一共三种,普通电子地图、地形图、卫星影像。
• Language：设置主机语言，四个可选项，本地化、英语、法语、西班牙语

Data

Data标签页主要用来创建、导入和管理要素，要素类型共三种：点、线、面。

• Browse：浏览地图以及要素和图层。
• Marker：制作点状要素。
• Line：制作线状要素。
• Polygon：制作面状要素。
• Menu：features和layers列表，管理要素和图层。

Project

Project标签页主要用来设置工程的属性以及分享权限的的控制。

• Info：获取要素的JSON和KML格式数据；MapID（需要配合Mapbox JavaScript API使用）；分享链接和嵌入网页的链接。
• Settings：设置工程的名称和描述。
• Advanced：功能包括，保存当前地图位置；开关工程的公共API；forcing @2x scale for Mapbox Streets （用于支持视网膜屏幕的手机）。

共享地图

创建好地图后保存便可以共享了，共享方式有三种：

• Map ID：需要配合Mapbox developer tools使用。
• Share：直接生成一个网页链接，通过下面的链接直接访问你制作的地图。

1	https:// a.tiles.mapbox.com/v4/wangs2718.j4jfg6ml/page.html?access_token=pk.eyJ1Ijoid2FuZ3MyNzE4IiwiYSI6IkliNFlxVnMifQ.neE8x-q88vUI78m_IU0l4w #11/32.0736/118.8027

• Embed：嵌入到自己的html网页中，比如下面这个。

1 2 3

<iframe width='100%' height='500px' frameBorder='0' src= 'https://a.tiles.mapbox.com/v4/wangs2718.j4jfg6ml/attribution,zoompan,zoomwheel,geocoder,share.html?access_token=pk.eyJ1Ijoid2FuZ3MyNzE4IiwiYSI6IkliNFlxVnMifQ.neE8x-q88vUI78m_IU0l4w'> iframe>