mapbox-gl开发教程（二）：地图主要配置参数说明

在mapbox-gl地图初始化时，能够进行一些参数，下边将关键参数进行说明，未涉及的请参见mapbox-gl官方文档：
options.antialias（布尔型）：是否设置抗锯齿（平滑），默认值是false；
options.bearing（数值型）：地图默认逆时针偏北旋转角度值（度数），默认值是0；
options.bounds（经纬度范围型）：地图初始化的显示范围，如设置这个属性，设置的center和zoom属性不起作用，默认值是null；
options.center（经纬度坐标型）：地图初始化的中心点坐标，默认值为[0,0];
options.crossSourceCollisions（布尔型）：symbol（符号）的碰撞是否叠加多数据源分析，true时，所有symbol的数据源都计算，false只计算单独的数据源；
options.doubleClickZoom（布尔型）：是否允许鼠标双击放大交互，true为允许，false为不允许；
options.dragPan（布尔型）：是否允许鼠标拖动地图移动；
options.dragRotate（布尔型）：是否允许鼠标按住旋转地图；
options.hash（布尔型|字符串型）：是否在浏览器的地址栏上显示地图的缩放、中心坐标等信息，且能够通过设置参数显示自定义显示；
options.interactive（布尔型）：是否允许鼠标、触摸或者键盘和地图进行交互操作；
options.maxBounds（经纬度范围型）：设置地图的最大浏览观看范围；
options.maxPitch（数字型）：设置地图观看的最大倾角（pitch）;
options.maxZoom（数字型）：设置地图的最大缩放等级；
options.minPitch（数字型）：设置地图观看的最小倾角（pitch）;
options.minZoom（数字型）：设置地图的最小缩放等级；
options.pitch（数字型）：设置地图的初始倾斜角；
options.pitchWithRotate（布尔型）：设置是否允许地图倾角控件上的拖拽旋转；
options.preserveDrawingBuffer（布尔型）：设置为true时，能够通过获得地图的canvas控件，将地图导出成图片，为了优化性能，默认值设置为false；
options.projection（坐标系代码）：设置地图的坐标系，mapbox-gl初期不支持多坐标系，后期添加了Albers (‘albers’), Equal Earth (‘equalEarth’), Equirectangular/Plate Carrée/WGS84 (‘equirectangular’), Lambert (‘lambertConformalConic’), Mercator (‘mercator’), Natural Earth (‘naturalEarth’), and Winkel Tripel (‘winkelTripel’)坐标系支持；
options.scrollZoom（布尔型|对象）：设置是否允许鼠标滚轮控制地图放大缩小；
options.style（对象|字符串）：地图的样式配置文件，包含地图的数据源、图层等信息；
options.zoom（数字型）：设置地图的初始化缩放级别。

mapbox-gl开发是讲述如何从基础到实际应用进行地图开发的教程，不定时进行持续进行更新，如有疑问，公众号留言进行讨论。
mapbox-gl官网地址：https://docs.mapbox.com/mapbox-gl-js/guides/

mapbox-gl开发教程（二）：地图主要配置参数说明相关推荐

MIP开发教程(二) 使用MIP-CLI工具调试MIP网页
初始化 MIP 配置新建一个 MIP 网页编写 MIP 网页代码校验 MIP 网页调试 MIP 网页 1. 初始化 MIP 配置首先在html目录下进行初始化 MIP 配置: $ mip i ...
Xamarin Anroid开发教程之验证环境配置是否正确
Xamarin Anroid开发教程之验证环境配置是否正确经过前面几节的内容已经把所有的编程环境设置完成了,但是如何才能确定所有的一切都处理争取并且没有任何错误呢?这就需要使用相应的实例来验证,本节 ...
MM32F3273G8P火龙果开发板MindSDK开发教程3 - Sysclk的配置
MM32F3273G8P火龙果开发板MindSDK开发教程3 - Sysclk的配置 1.时钟初始化流程一般流程为startup_mm32f3273g.s中调用system_mm32f3273g.c ...
Android简明开发教程二十一：访问Internet 绘制在线地图
在例子Android简明开发教程十七:Dialog 显示图像中我们留了一个例子DrawMap()没有实现,这个例子显示在线地图,目前大部分地图服务器都是将地图以图片存储以提高响应速度. 一般大小为2 ...
Jetson TX1 开发教程（1）--配置与刷机
开箱 Jetson TX1是英伟达公司新出的GPU开发板,拥有世界上先进的嵌入式视觉计算系统,提供高性能.新技术和极佳的开发平台.在进行配置和刷机工作之前,先来一张全家福: 可以看到,Jetson T ...
微信公众号开发教程(二)消息接收与响应处理
作者:陈惠,叩丁狼教育高级讲师.原创文章,转载请注明出处. 上一篇文章我们已经实现了URL接入,接下来就可以利用微信官方的开发文档来实现不同的案例.(注意:若还没有进行接入操作,请参考开发教程(一)) ...
020：Mapbox GL加载高德地图（影像瓦片图）
第020个点击查看专栏目录本示例的目的是介绍演示如何在vue+mapbox中加载高德地图(影像瓦片图). 直接复制下面的 vue+mapbox源代码,操作2分钟即可运行实现效果文章目录示例效果 ...
从零开始的 PhotoShop CEP 6开发教程「 1 」配置开发环境
<从零开始的 PhotoShop CEP 6 开发教程>系列目录「 0 」目录「 1 」配置开发环境「 2 」CEP 文件结构「 3 」CEP 的运行机制「 4 」Hello W ...
ASP.NET Aries 高级开发教程：Excel导入配置之规则说明（下）
前言: 前面两篇都是大体介绍流程,有一些配置细节,没有细说,这里用一篇补上. 1.Excel配置项起始行索引.列头跨行数: 对于自定义的Excel导入模板(有时候模板是由客户提供,模板的规则很乱)比 ...

mapbox-gl开发教程（二）：地图主要配置参数说明

mapbox-gl开发教程（二）：地图主要配置参数说明相关推荐

最新文章

热门文章