天地图接入WMS层-我爱编程

当前位置：: 首页; 文章; 前端
详情

天地图接入WMS层

前端
三生万物
0

接入代码

<script src="http://api.tianditu.gov.cn/api?v=4.0&tk=您的密钥" type="text/javascript"></script>

<div style="height: 100vh;"></div>

<script type="text/javascript">
    var map = new T.Map('js_map');

    map.centerAndZoom(new T.LngLat(120.672111,28.000575), 10);

    var wmsLayer = new T.TileLayer.WMS("https://xxx.com/MapServer/WMSServer", {
        version: "1.3.0",
        layers: "0",
        transparent: true,
        styles: "",
        format: "image/png",
        crs: "EPSG:3857",
    });
    map.addLayer(wmsLayer);
</script>

注意：接入时如果不能显示，这里不能全相信官方API文档，要对照成功的（或服务链接提供的XML数据）逐渐个加参数尝试

参考链接：