flutter_map 如何正确加载天地图

1. 直接加载天地图

地形图：http://t4.tianditu.gov.cn/DataServer?T=ter_w&x={x}&y={y}&l={z}&tk=key
街道图：http://t4.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=key
影像图：http://t4.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=key
影像标注：http://t4.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=key
地形标注：http://t4.tianditu.gov.cn/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk=key
矢量标注：http://t4.tianditu.gov.cn/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=key

key需要去官网申请(服务端类型key)

2. 通过wmts加载

试了试网上的方法，感觉不靠谱，等我弄懂了再来补。

以下更新于20211220

因为最近需要打包到web端使用，但服务端类型在网页端又是无法正常使用的，会提示key类型的不支持，所以不得不正视这个问题，上面的方法可以在移动端正常使用，打成web就莫法了！

搜了一圈，没有现成的解决办法，以下是我找到的，共勉

天地图的官网是这么说的，特别是我圈起来那个小的，注意他x、y的位置

 加载出来是这样的

缩最小后加载是这样的：

什么鬼？说明是可以加载的，只是位置乱了，那会不会是x和y的位置交换下就可以了呢

，因为官方没有说明，那我也只有靠运气试试了 ，交换下

ok，加载出来了，问题解决