Mapbox GL JS CookbookMapbox GL JS Cookbook
快速开始
样式规范
空间数据
插件
进阶
DECK.GL
  • 文档
  • 术语
  • 示例
GitHub
快速开始
样式规范
空间数据
插件
进阶
DECK.GL
  • 文档
  • 术语
  • 示例
GitHub
  • 快速开始
  • 标准样式
  • 交互处理

    • 弹窗
    • 控件
    • 标记
  • 教程

    • 高亮
  • 地理与几何
  • 地图服务

    • 地图服务
    • GeoServer
    • OGC API

地理与几何

LngLat

LngLat 对象表示给定的经度和纬度坐标,以度为单位。在 Mapbox GL 中,任何 LngLat 参数或选项的方法也可以是两个数字(经、纬度)的数组,参考:LngLatLike

const v1 = new mapboxgl.LngLat(-122.420679, 37.772537)
const v2 = [-122.420679, 37.772537]
const v3 = { lon: -122.420679, lat: 37.772537 }

实用的实例方法:

  1. wrap() 将经度转换到范围(-180,180),参考:wrap
  2. toBounds(radius) 按距离扩展边界。参考:toBounds

LngLatBounds

LngLatBounds 对象表示地理边界(四至),由西南和东北两个点(经纬度)定义。在 Mapbox GL 中,任何 LngLatBounds 参数或选项的方法也可以是两个 LngLatLike 的数组,参考:LngLatBoundsLike

const v1 = new mapboxgl.LngLatBounds(new mapboxgl.LngLat(-73.9876, 40.7661), new mapboxgl.LngLat(-73.9397, 40.8002))
const v2 = new mapboxgl.LngLatBounds([-73.9876, 40.7661], [-73.9397, 40.8002])
const v3 = [
  [-73.9876, 40.7661],
  [-73.9397, 40.8002],
]
const v4 = [-73.9876, 40.7661, -73.9397, 40.8002]

实用的实例方法:

  1. extend(obj) 扩展边界。参考:extend
  2. contains(lnglat) 判断边界是否包含点。参考:contains

Point

Point 对象有 x 和 y 属性,表示屏幕坐标(以像素为单位)。同样也有 PointLike

在 GitHub 上编辑此页!
上次更新:
贡献者: huangli