MapBox应用

MapBox教程

1、 注册账户。MapBox Studio网址为https://www.mapbox.com/mapbox-studio/
2、 进入网页界面如图1所示。在使用MapBox Studio之前需要注册一个账号，点击右上角的，进入登录界面界面，，如图2，点击下方的 ，进入注册界面，出入邮箱、用户名，完成注册。
 
图 1 MapBox Studio
 
图 2 Sign in

3、 在完成初测之后，点击Products->mapbox studio，进入地图创建的工作空间。如图3

图 3 工作空间
页面左侧的侧边栏分别是：首页（获取有关帐户和快速链接到你制作的Styles，Tilesets和Datasets页面的信息）、样式（创建，管理和编辑您的地图样式）、瓷砖（创建，上传和管理您的图片）、数据集（创建，上传和管理您的数据集）、统计（实时查看您的地图视图和帐户使用情况）、经典（查看你设计的样式）、帐户（管理帐户等）。
在使用MapBox利用自己创建的Geojson数据构建图层并发布的过程中，主要是使用了Styles，Tilesets。
4、 Tilesets的使用。Tilesets主要是用来导入我们自己创建好的Geojson数据，这是后续发布地图的数据基础。导入Geojson数据的过程为点击New Tilesets->Select a file->选中需要导入的Geojson文件->Upload。.在左下方蓝点出可以看到上传进度。等待其变为绿色，成功上传。
5、 在导入好Geojson数据后，在Styles模块中新建一个Style,这是我们需要发布地图的地图。点击Styles->NewStyle，这时会出现一个对话框，如图4
 
图 4 New Style
Style Nme是发布图层的名字，下面是供选择的模板，选好之后点击Greate，稍等片刻新的模板就建好了。
6、 在建好模板之后，就可以将之前我们在Tilesets中导入的Geojson数据导入到模板中。点击Tilesest右侧View旁边的下拉菜单，点击 add to style“”，选择需要导入数据的Style,稍等片刻就会出现如图
 
图 5 向Style导入数据
在这里需要注意的是Type的选择， 这里面有文字、点、线、3D、面这五种不同的图层类型。文字是用来标示地物名称用的，后面四种都可以为作为文字类型数据，个人建议用点比较好。
7、 修改图层样式。
对于文字图层，点击图层出现编辑界面，点击Text,选择需要显示信息的字段Text field。Color设置字体颜色，Size设置字头大小。，点击icon，修改图标可以使用MapBox自带的图标，也可上传icon文件，改变图标显示方式。其中image用来选择图标，Opacity用来改变透明度，Size用来改变图标的大小。点击Position，可以该表图标和文字之间的位置关系。Text justify用来改变文字的对其方式，Text anchor用来改变图标和文字的相对位置，Text offset可以改变图标和文字之间的X、Y方向的上的距离。
对于面图层，点击界面出现编辑界面，点击Style,其中Color可以改变面的填充颜色，1px stroke可以改变边界的颜色。
8、 发布地图。点击右上角Style名称旁边的Publish->Publish,发布地图成功。返回Style首页，点击 ，返回Style首页后点击Style右侧Edit旁边的下拉菜单，点击 "Share develop &user"，进入界面如图6
 
图 6
该界面是使用刚刚发布地图的一些说明。我们可以使用里面的Develop with this Style中的Style Url和Access token将我们发布的地图导入到开发的应用中。如图7
 
图 7 发布地图的信息


注：1、当修改颜色需要手动输入RGB值的时候，先选中左侧任何一个按钮，如图8，否则里面的值会自动变化。
 
图 8 颜色
     2、使用QGIS将shp转Geojson时，会在Geojson文件中出现"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },这样一行文字，将其整行删掉才能导入到MapBox中。