文档章节

Mapbox Studio 常见问题

nosand
 nosand
发布于 2014/12/01 14:01
字数 1405
阅读 10160
收藏 13
之前借助 leaflet + qunee实现了 地图拓扑图,同样使用leaflet的有个更专业的地图应用: Mapbox,可以定制出简单、专业、漂亮的地图,在传统地图服务商(Google,Nokia, Apple ...)之外,有了更好的选择,Mapbox Studio是一款开源软件,使用了大量的web技术:Mapnik, node.js, backbone.js, leaflet, codemirror ...... 其客户端本身就是一个webapp + Chrome,跨平台,有良好的交互体验,值得前端开发者学习和参考

mapbox studio中用到的web技术:Mapnik, node.js, backbone.js, leaflet, codemirror

原文: https://www.mapbox.com/mapbox-studio/common-questions/#how-is-mapbox-studio-related-to-tilemill 翻译: http://blog.qunee.com

MAPBOX STUDIO 常见问题

  • 什么是矢量瓦片?
  • style项目与source项目的区别?
  • 我是否能使用git管理项目?
  • 我是否需要通过Mapbox账号来使用Mapbox?
  • 我可以用pro fonts做或者不能做什么?
  • Mapbox Studio 与 TileMill 的关系?
  • Mapbox Studio 与 Mapbox GL 的关系?
  • 文件上传大小显示是什么?

什么是矢量瓦片?

矢量瓦片是将矢量数据转换成图片块,用于在线地图,借助瓦片的缓存机制,实现可缩放的地图呈现服务,每一个图片块都代表一个坐标区域,比如下图是下曼哈顿的一角,包含道路,建筑和公园 

mapbox vector tile 

一个矢量瓦片,包含所有的坐标信息和元数据 - 比如道路名称,地块类型,建筑高度 - 以一种紧凑的可解析的格式,矢量瓦片是一种高性能格式,在样式、输出格式和交互方面更加灵活

style项目与source项目的区别?

Mapbox Studio 的这两种项目有很大的区别: 样式项目包含样式表,基本的元数据(名称,描述,属性等)和一个数据源的引用 源项目包含传统的地图数据格式(Shapefile, GeoJSON等),当转换成矢量瓦片时,可以通过样式项目进行风格化 

style & source Vs CSS & HTML

Mapbox Studio 样式与数据源的关系类似 CSS 样式表与HTML文档的关系

我是否能使用git管理项目?

是的,也是我们推荐的,每个样式和源项目都是一个包含多种文件的目录,构建一个git仓库保存这些资源(样式表,元数据,图标,纹理),可以便于版本管理,如果有新的想法,你还可以创建分支等 可以从GitHub上,从OSG的bright仓库中提取一个示例样式作为参考

我是否需要Mapbox账号来使用Mapbox Studio?

是的,需要一个Mapbox账号来访问Mapbox中默认的矢量瓦片数据源,你可以免费试用这些功能,但是如果要使用所有的功能你必须加入Mapbox标准计划(https://www.mapbox.com/plans/) 在Mapbox Studio之外你也可以使用这些样式和数据,你可以导出矢量瓦片为标准的MBTiles文件,也可以将样式项目打包成.tm2z格式

我可以用pro fonts做或者不能做什么?

Mapbox Studio 中包含超过300中授权字体,仅授权用于Mapbox Studio 你可以:
  • 在Mapbox Studio 中使用这些字体设计样式
  • 使用Mapbox账号发布这些样式
  • 打印和导出静态图片
你不能:
  • 从Mapbox Studio中拷贝出这些字体
  • 在Mapbox Studio的的分支或者派生应用中使用
  • 不通过你的Mapbox账号发布使用这些字体的地图

Mapbox Studio 与 TileMill的关系?

Mapbox Studio 是一个由Mapbox全新设计的应用,全力支持矢量瓦片,目标是全功能的取代和改进TillMill 相同点:
  • 开源,Mapbox Studio代码托管在GitHub
  • 基于CartoCSS样式渲染,两者都使用CartoCSS语言和Mapnik渲染
  • 同样广泛的地图数据支持,支持Shapefile, GeiJSON, CSV, PostGIS等
不同点:
  • 基于矢量瓦片,使得样式渲染更快,允许任何人使用海量全球数据库,样式修改布局可以在几秒钟内完成
  • 分辨率独立,基于矢量瓦片的样式项目,可以支持视网膜屏幕,支持高达600dpi渲染,这是普通地图所不支持的

Mapbox Studio与Mapbox GL的关系?

Mapbox Studio是Mapbox GL的前身,两者使用不同的渲染技术,连个平台都基于Mapnik 矢量瓦片格式,但是Mapbox Studio使用Mapnik在后端渲染,而Mapbox GL使用GPU(在前端)渲染 Mapbox Studio创建的矢量数据可以直接用于Mapbox GL,随着Mapbox GL渲染技术的成熟,预计Mapbox Studio将使用GL的渲染技术

上传文件大小限制?

如果你得到这样的异常,Error: Tile exceeds maximum size of 500k at zoom …, 这意味着你上传的矢量瓦片包含了太多数据,可能是你的样式太复杂,导致渲染成.png瓦片时间太长,任何单独的瓦片都不能超过500k,变通的方法时,你可以降低你的数据源的最小缩放比例,这样在较低的缩放级别,每个矢量瓦片包含较少的数据

© 著作权归作者所有

nosand
粉丝 78
博文 40
码字总数 33601
作品 0
徐汇
私信 提问
WEATHER DATA FOR WEB MAPS

ATMOSPHERIC RIVERS Atmospheric Rivers (AR) are narrow regions in the atmosphere that that transport water across the world. Like waterways on the ground, ARs are wide ranging in......

voole
2018/06/11
20
0
寻宝风格导航地图 Treasure 诞生记 | Mapbox 地图设计思路

Designing the Treasure map style 不久前,我们为大家介绍了霓虹灯风格地图 80‘s 8-bit 的设计思路,这篇文章我们继续分享一个有趣的地图设计 —— 寻宝风格地图 Treasure。 这张地图来自 ...

Mapbox前台小姐姐
08/16
0
0
MapBox-gl-js v0.23.0 发布, MapKit 开源实现

MapBox-gl-js v0.23.0 发布了,MapBox 是 iOS 上 MapKit 的一个开源实现。更新如下: 新特性以及改进: Add support for property functions #2938 Add control #2940 #3042 Improve polygon......

局长
2016/08/26
856
0
Mapbox GL JS 0.40.1 发布,WebGL 矢量地图

Mapbox GL JS 0.40.1 已发布,Mapbox GL JS 是一个 JavaScript 库,它基于 WebGL 使用矢量切片和 Mapbox 样式渲染交互式地图。 这是一个修复版本,包括: Fix bug causing flicker when zoo...

王练
2017/09/20
1K
3
开源地图 Mapbox 收购健身数据追踪 App 供应商 Human

8 月 18 日,开源地图 Mapbox 宣布收购健身追踪 App 供应商 Human,具体交易金额不详。Human 团队将加入 Mapbox,共同致力于软件开发工具包(SDK)和实时地图服务工作。 Human 创立于 2012 年...

花仲马
2016/08/20
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

前端技术之:Prisma Demo服务部署过程记录

安装前提条件: 1、已经安装了docker运行环境 2、以下命令执行记录发生在MackBook环境 3、已经安装了PostgreSQL(我使用的是11版本) 4、Node开发运行环境可以正常工作 首先需要通过Node包管...

popgis
今天
5
0
数组和链表

数组 链表 技巧一:掌握链表,想轻松写出正确的链表代码,需要理解指针获引用的含义: 对指针的理解,记住下面的这句话就可以了: 将某个变量赋值给指针,实际上就是将这个变量的地址赋值给指...

code-ortaerc
今天
4
0
栈-链式(c/c++实现)

上次说“栈是在线性表演变而来的,线性表很自由,想往哪里插数据就往哪里插数据,想删哪数据就删哪数据...。但给线性表一些限制呢,就没那么自由了,把线性表的三边封起来就变成了栈,栈只能...

白客C
今天
40
0
Mybatis Plus service

/** * @author beth * @data 2019-10-20 23:34 */@RunWith(SpringRunner.class)@SpringBootTestpublic class ServiceTest { @Autowired private IUserInfoService iUserInfoS......

一个yuanbeth
今天
5
0
php7-internal 7 zval的操作

## 7.7 zval的操作 扩展中经常会用到各种类型的zval,PHP提供了很多宏用于不同类型zval的操作,尽管我们也可以自己操作zval,但这并不是一个好习惯,因为zval有很多其它用途的标识,如果自己...

冻结not
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部