mapbox-gl-js接口--map对象

创建map对象:

new mapboxgl.Map(options:Object);

options:Object

options.container:将地图呈现的html元素id,指定元素不能有子元素。参数:htmlElement|string

option.minZoom:地图最小缩小级别(0-24)。参数number。

option.maxZoom:地图最大放打级别(0-24)。参数number。

option.style:mapbox的地图样式。参数string。

option.hash:如果为ture,地图位置与页面url的哈希片段同步。参数boolean(没用过)。

option.interactive:添加触摸或者键盘监听器。参数boolean。

option.bearingSnap:在设定度数内的旋转会移到北方默认为7度。参数number。

option.pitchWithRotatae:如果为false那么将不能改变俯角。参数boolean。

option.clickTolerance:单击鼠标期间鼠标移动的最大像素,与浏览地图等有关,默认为3。参数number。

option.attribution:如果为true,那么地图属性信息控件添加到地图上。参数boolean。(详细在控件中设置)。

option.customAttribution:在上述控件中显示字符串。参数string。

option.logoPosition:mapbox的logo在地图上的位置。参数top-left , top-right , bottom-left , bottom-right(string)。

option.failIfMajorPerformanceCanveat:如果为true,使用软件渲染器,地图性能会变差。可能地图会创建失败。(我觉得没人会用吧)参数boolean。

option.preserveDrawingBuffer:如果为true,地图的canvas可以使用导出到png,通过map.getCanvas().toDataURL().默认为false,会提高地图性能。参数为boolean。

option.refreshExpiredTiles:如果为false,地图再HTTP请求过期后不会去更新地图瓦片。cacheControl/expires标识。参数boolean。

option.maxBounds:如果设置,地图将被约束到给定的边界。参数LngLatBoundsLike.(西南东北)对象的数组。

option.scrollZoom:启用”滚轮缩放“的交互,参数boolean。

option.boxZoom:如果为true,则启用了“缩放框”交互,按住shift并在地图上拖框放大。参数:boolean。

option.dragRotate:如果为true,则启用了“旋转框”交互,按住右键进行旋转。参数:boolean。

option.dragPan::如果为true,则启用了“平移框”交互,按住左键进行平移。参数:boolean。

option.keyboard::如果为true,则启用了“键盘快捷键”交互。参数:boolean。

option.doubleClickZoom::如果为true,则启用了“双击缩放”交互。双击左键进行放大,参数:boolean。

option.touchZoomRotate:如果为true,则启用了“旋转和缩放融合”交互。参数:boolean。(我试过,不太清楚作用,知道的大佬可以提醒下)。

option.trackResize:如果为true当浏览器调整大小时,地图将自动调整大小。参数:boolean。

option.center:地图的初始地理中心点。参数LngLatLike。

option.zoom:地图的初始缩放级别。参数number。

option.bearing:初始旋转方位。参数number。

option.pitch:初始俯仰角为0度(0-60)。参数number。

option.bounds:地图的初始边界。如果bounds指定,则覆盖center和zoom。参数LngLatBoundsLike。

option.renderWorldCopies:如果为true,将在缩小时渲染world的多个副本。(世界副本就是缩到世界地图时,横向复制地图)。参数boolean

option.maxTileCacheSize:给定源的切片缓存中存储的最大切片数。参数为number。

option.localIdeographFontFamily:如果指定则定义css字体,生成本地覆盖文字,覆盖一部分字体样式,避免带宽密集型字形服务器请求。参数为string。

option.transformRequest:回调请求外部URL,用于修改url,设置头或者为跨资源请求这只凭证属性。参数:RequestTransformFunction。

option.collectresourceTiming:如果为true,将为GeoJSON和Vector Tile Web worker发出的请求收集Resource Timing API(这我没用过)。参数boolean

option.fadeDuration:控制标签冲突的动画持续时间。参数number(毫秒)

option.crossSourceCollisions。如果为false:对每个source中的符号单独运行碰撞检测。参数Boolean。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,616评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,020评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,078评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,040评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,154评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,265评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,298评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,072评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,491评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,795评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,970评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,654评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,272评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,985评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,223评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,815评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,852评论 2 351