即时动态可定制地图Mapbox Studio适用VR游戏、VR展厅
Mapbox Studio提供可定制的客户自有品牌的地图，数据也是可定制的。适用开发者、设计师、图像工作者、城市规划者(智慧城市、智慧社区、科技园区)地图数据即时可视化：1、3D Buildings– Extrusion tool(拉伸拔出来的工具)2、PointCloud POI & Augumented Reality Visualization如何使用Extrusion tool(拉伸拔出来的工具)把传统2D平面地图拉伸出来3D地图，右下角PointCloud POI 点云识别& Augumented Reality Visualization添加POIs地理位置信息标注，物理世界大楼上面添加数字世界的标注，IoT UI/UX物理世界和数字世界的交互和数据可视化。
( 本文原创登记、区块链存证！转载请注明：IoT产品王|AR/VR/MR升级XR视频课程 )
Mapbox Studio编辑器如何数据可视化？
2018年Demo，2D平面地图，Extrusion tool(拉伸拔出来的工具)把它拉伸成了3D地图，然后PointCloud点云状态，添加数字标签；然后，AR增强现实导航，AI人工智能和机器学习在绘制地图预测向右转，在这个路口向右转，提供司机最好的驾驶建议，这里提示司机还有15分钟到达目的地。
Mapbox Studio编辑器更像是设计的工具，是按设计师的思维来架构，可视化界面友好。放大缩小的每个pixel感觉很好，还有字体和icon图标已经内置了很多可选。然后，更快更简单的数据编辑，数据怎么导入，怎么编辑，怎么让它可视化更好，怎么导出，数据怎么管理，image卫星地图。
站在设计师的角度的思维，架构的地图编辑器，你只需要创建Create，导出Export，数据可视Visualize。APP-Ready Map，APP直接引用；GLJS版，支持浏览器版直接引用。点击“Get Start Now”立刻开始。
点击开始试用，进入这个界面，开发者免费试用。商用级别，499美元月费。点击Maps SDK -Unity，零基础小白用户从这里开始。
点击右上角”Sign in”(email注册登录)Mapbox Studio编辑器后台，点击最右边Unity版本。mapbox-Unity SDK Package，跳转到Unity，使用你的Unity账号登录，创建一个新项目，命名为Mapbox-Pokemom(皮卡丘游戏AR增强现实)选择3D形式，点击蓝色按钮”Create Project”创建一个新项目，Unity引擎。Mapbox-Unity Package正在载入Unity，选择默认全部导入”import all”。导入完成，工作栏里面显示内置好的这几款地图。我们点开其中的这个地图，在这里取得Access Token，复制粘贴在Unity编辑器。这里就看见系统已经内置好的几个地图模板，点击左上角。
Mapbox-Studio编辑器如何抠出国家版图？
首先访问全球国家地图www.naturalearthdata.com/downloads/10m-cultural-vectors下载全球国家地图，4.67M压缩文件。
登录Mapbox-Studio编辑器，style点击创建new style。最下面“Blank空白”点击蓝色按钮定制“Customize Blank”然后，点击左上角”Add Layer”新增层。
新的Tileset，选择上传文件，刚才下载到本地的压缩文件导入，右下角通知提示载入完成。Source里面，找到Unuse还没有用过的source里面找到刚才上传的文件夹。点击这个文件夹，右边地图显示整个全球地图就导入了进来。
接下来，Filter里面，创建New Filter，data field to filter命名，输入”Itay”我们要抠选意大利这个国家。全球地图(2D地图)就出来了意大利国家版图-绿色的。返回style，颜色修改，调色板选择粉红色。意大利国家-粉红色的，很醒目就把单个国家的版图抠出来。
Mapbox-Studio地图变3D城市Extrusion tool
- Mapbox-Studio编辑器默认的方式
- 用户自定义的方式
Mapbox-Studio编辑器默认的方式登录后台，style里面选择”recommanded”系统推荐模式=基础style。
我们这里示范，寻找华盛顿DC的某条街道，搜索框这里输入详细地址。地图缩小到华盛顿DC的这条街道，你可以看见这些Building(2D平面的建筑）左边工具栏下面找到Building点开，左上角”Add Layer”增加图层；Source里面找到Building。
返回最左边的工具栏，building里面-style里面，切换到”Select Data”然后Type类型里面，找到这个Fill，把这个Fill勾掉，因为我们要用Extrusion tool这个工具，所以重新勾选下面Fill Extrusion，点击蓝色按钮OK。
返回style，Height(高度)点开这个高度，Building里面的高度值，这里可以直接输入，比如说180米。但我们Formula示范，Formula里面找Height。点开Map Position，Pitch这个参数值词改成”180″。现在，这个地图很明显的3D立体了。接下来，颜色改成灰白色。这就是第一种方式，采用系统默认方式创建3D地图。
第二种方式，用户自定义方式”Customer Layer”Mapbox-Studio编辑器，右上角蓝色按钮data set，点击新增’New dataset’命名为”New Building”点击蓝色的Create按钮创建。
返回华盛顿DC地图，缩小包围圈。这个Building，这栋大楼就是国家印第安人历史文化博物馆，刘老师都去过现场。
左上角画笔工具，点选一个一个的点，四个点把它捡点好，double双击，在property属性里面，命名”National Museum of African”然后，height高度的参数值写成85，点击保存。然后Export导出到”tileset”右下角通知，提示导出已经完成。
返回data set，style里面，点击Building，左边工具栏上部预览的眼睛。Add Layer增层，一直在往下拉，找到”New Building”然后，地图上看见了这个国家非裔历史文化博物馆，我们新增加的Building。然后，Select data，Source Type找到Fill，把Fill勾掉，因为我们要用Extrusion tool这个工具，所以我们重新勾选下面的Fill Extrusion。再返回Style，再返回height高度。然后formula，Map position，Pitch值改成180。最后，颜色修改，调色板里面把它改成灰白色。这就是定制地图，定制的3D地图。
Mapbox Maps SDK：Unity场景添加POIs
1、Unity编辑器，场景导入3D building地图，顶部工具条“Play”按钮预“cityscape城市剪影”效果。
2、打开“Map Layer section”选择“extruded buildings”可以看见“text”、“Modeling”
3、调整Unity Camera Position：Hierarchy里面，右键“create empty game object”重新命名为“camera holder”将“main camera”拖放在“camera holder”下面作为其子文件夹，将其position属性XYZ参数值全部调正为0；而将“camera holder”position属性调正为：X=0，Y=50，Z=0。这样鸟瞰、俯瞰城市的角度就设置完成了。
4、右边“inspector属性”-“add component”点击“add New Script”代码重新命名为“FlyOver”点击创建添加；
5、IDE-Visual Studio需要新增速度变量“pulic speed varible”更新版“transform translate”移动“camera holder”
Responses