天地图接入WMS层丨技术开发分享录

天地图接入WMS层

%{ detail.nickname }

转载翻译 %{ formatTime(detail.create_time) } 字数 %{ detail.content && detail.content.length } 阅读 %{ detail.read_num } 评论 %{ comment.page.total } 喜欢 %{ total(detail.like_uids) } %{ formatTag(v) } 编辑文章

接入代码

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

<div id="js_map" 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数据）逐渐个加参数尝试

参考链接：

WMS官方示例：http://lbs.tianditu.gov.cn/api/js4.0/examples.html
WMTS瓦片层示例：http://lbs.tianditu.gov.cn/api/js4.0/examples.html

PS：写作不易，如要转裁，请标明转载出处。

%{ comment.page.total }条评论

%{ v }

天地图接入WMS层

猜你想看