Url模板图层（UrlTemplateLayer）

示例

示例源码

import React, { useEffect, useRef, useState } from 'react'
import ReactDOM from 'react-dom'
import { MbMap, MbUrlTemplateLayer } from '@mapbox-react/core'

const App = () => {
  const [mapCenter] = useState([116.3594627380371, 39.93632920085673])
  const [zoom, setZoom] = useState(10)

  return (
    <div className="map-wrapper">
      <MbMap center={mapCenter} zoom={zoom}>
        <MbUrlTemplateLayer url="https://api.maptiler.com/tiles/satellite-v2/{z}/{x}/{y}.jpg?key=XjFmKoe10YKDATQf4ZYg" />
      </MbMap>
    </div>
  )
}

ReactDOM.render(<App />, document.querySelector('#root'))

API

PROPS

名称	描述	类型	默认值
id	图层id	string	-
url	server 地址	string	-
maxzoom	最大缩放级别	number	22
minzoom	最小缩放级别	number	0
show	是否显示	boolean	true
scheme	数据源切片方案	string: "xyz", "tms"	xyz
subdomains	url中子域名	string / string[] / number[]	-
extendSource	额外的source参数，例如{rasterSource: 'iserver'}	IndexAny	{}

EVENTS

名称	描述	参数
onCreated	地图初始化完成事件	-

METHODS

名称	描述	定义