react-amap-v2/docs/components/layers/tile-layer.md

高德地图 v2.0 react 组件

---
group:
  title: 图层
  order: 5
order: 1
---

# TileLayer

<!-- ## 快速入门

此处给出了最简单示例，加载 google 卫星地图

```tsx
import React, { useState, useEffect } from 'react';
import { Map, TileLayer } from 'react-amap-v2';

export default () => (
  <Map>
    <TileLayer
      zIndex={1}
      tileUrl="http://mt{1,2,3,0}.google.cn/vt/lyrs=s&hl=zh-CN&gl=cn&x=[x]&y=[y]&z=[z]&s=Galile"
    />
  </Map>
);
``` -->

## 测试

此处给出了最简单示例，加载 google 卫星地图

```tsx
import React, { useState, useEffect } from 'react';
import { Map, TileLayer } from 'react-amap-v2';

export default () => (
  <Map zoom={15} center={[119.427223, 31.040837]}>
    <TileLayer
      zIndex={1}
      tileUrl="//m{0,1,2,3,4,5,6,7,8}.merak.ps-dev.wz-inc.com/mapcache/gmaps/futurecity_gdscc_mars_gray@g_hd/[z]/[x]/[y].png"
    />
  </Map>
);
```