Openlayers之互联网地图调用

业务系统经常需要基于地图展示，除了自己发布地图服务外，调用在线互联网地图是最方便的选择，常见的互联网地图服务有天地图、高德地图、百度地图、腾讯地图、ArcGISOnline、超图、OpenStreetMap等等。
基于Openlayers调用互联网地图，涉及到的相关知识主要有Map、View、layer.Tile、source.XYZ、layer.Group。
以下仅截图展示，具体代码可访问GitHub仓库：https://github.com/lihaogis/GIS-Front-end-Framework-Notes/tree/master/OpenLayers/samples/map
地图服务地址汇总：
天地图矢量：https://t6.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk={tk} //此处注意换成自己的许可
天地图矢量标注：https://t1.tianditu.gov.cn/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk={tk}
天地图影像：https://t6.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk={tk}
天地图影像标注：https://t6.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk={tk}
天地图地形图：https://t6.tianditu.gov.cn/DataServer?T=ter_w&x={x}&y={y}&l={z}&tk={tk}
天地图地形图标注：https://t6.tianditu.gov.cn/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk={tk}

Arcgis地图服务：http://server.arcgisonline.com/arcgis/rest/services/
http://map.geoq.cn/ArcGIS/rest/

高德矢量地图：http://webrd03.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8
高德影像地图：https://webst03.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}
高德路网无标注地图：https://wprd04.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8&ltype=11
高德标注地图：https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&style=8

• OSM地图

image.png

image.png

• ArcGIS地图

  
  
  image.png
  
  
  image.png

• 高德地图

  
  
  image.png
  
  
  image.png

• 百度地图

  
  
  image.png
  
  
  image.png

• 腾讯地图

  
  
  image.png
  
  
  image.png

• 天地图

  
  
  image.png
  
  
  image.png