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。

作者：gardenlike2
链接：https://www.jianshu.com/p/98b105e199fa
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。