天地图更改默认加载地图底图

最新推荐文章于 2024-03-08 11:44:25 发布

先new一个对象.

最新推荐文章于 2024-03-08 11:44:25 发布

阅读量982

点赞数 3

文章标签： p2p linq wpf

本文链接：https://blog.csdn.net/Gyh9421/article/details/124886097

版权

注意：要设置加载默认地图类型，要搭配对应的地图类型标注，截图上四个地方都要更改，第一个imgURL是选择默认加载的地图类型，第二是选择地图标注类型。

// vec 矢量底图

// cva 矢量注记

// eva 矢量英文注记

// img 影像底图

// cia 影像注记

// eia 影像英文注记

// ter 地形晕渲

// cta 地形注记

// ibo 全球境界

上代码！！！

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="天地图" />
    <title>天地图－地图API－范例－加载两个地图</title>
    <style type="text/css">
        body,
        html {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }
        
        #map {
            width: 100%;
            height: 80%;
            float: left;
            overflow: hidden;
            margin: 0;
        }
       
    </style>
    <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=ad11b3be505888ba0934910029940915">
    </script>
    <script>
        //注：同一页面创建多个地图时必须为同一投影
        var map, map2;
        var zoom = 12;

        function onLoad() {

            // vec	矢量底图
            // cva	矢量注记
            // eva	矢量英文注记

            // img	影像底图
            // cia	影像注记
            // eia	影像英文注记

            // ter	地形晕渲
            // cta	地形注记

            // ibo	全球境界
            var imgURL1 = "http://t0.tianditu.gov.cn/img_w/wmts?" +
                "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
                "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}" +
                "&tk=你的秘钥"; //影像底图
            var imgURL2 = "http://t0.tianditu.gov.cn/cia_w/wmts?" +
                "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
                "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}" +
                "&tk=你的秘钥"; //影像注记
            var one = new T.TileLayer(imgURL1, {
                minZoom: 6,
                maxZoom: 18
            });
            var two = new T.TileLayer(imgURL2, {
                minZoom: 6,
                maxZoom: 18
            });

            var config = {
                layers: [one, two]
            };


            map = new T.Map('map', config);
            map.centerAndZoom(new T.LngLat(116.41136, 39.97569), zoom);
        }
    </script>
</head>

<body onLoad="onLoad()">
    <div id="map"></div>
</body>

</html>

一定要加上自己的秘钥，要不然地图不显示！！！！！！！！

效果图

先new一个对象.

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
6
评论
天地图更改默认加载地图底图

注意：要设置加载默认地图类型，要搭配对应的地图类型标注，截图上四个地方都要更改，第一个imgURL是选择默认加载的地图类型，第二是选择地图标注类型。// vec 矢量底图// cva 矢量注记// eva 矢量英文注记// img 影像底图// cia 影像注记// eia 影像英文注记// ter 地形晕渲// cta 地形注记// ibo 全球境界上代码！！！<!DOCTYPE html><html>..
复制链接

扫一扫