天地图的使用

1.国家地理信息公共服务平台 国家地理信息公共服务平台 天地图 

   1).注册用户:进入官网,点右上角注册按钮,根据提示注册

   2).申请成为天地图开发者: 注册,登录之后,进入首页,往下拉,可以看到下面的模块,点击右         边【成为开发者】按钮。根据提示填写信息,分个人版和企业版。

   3).获取服务许可: 申请成为开发者之后,点击【创建新应用】,申请token。

 

   4).使用api: 回到首页,往下拉,在开发资源模块,选择自己需要的api

 5).一个例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>HELLO WORLD</title>
    <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=3.0&tk=您的密钥"></script>
    <script>
        var map,zoom = 12;
        function onLoad()
        {
            //初始化地图对象
            map=new TMap("mapDiv");
            //设置显示地图的中心点和级别
            map.centerAndZoom(new TLngLat(116.40969,39.89945),zoom);
        }
    </script>
</head>
<body onLoad="onLoad()">
<div id="mapDiv" style="position:absolute;width:500px; height:400px"></div>
</body>
</html>

2. leaflet整合天地图

有了leaflet.ChineseTmsProviders.js,可以整合很多地图,用来也很方便。具体用法参照Leaflet调用谷歌地图、天地图、智图地图、高德题图一键搞定_做GIS梦的人-CSDN博客,注意leaflet.ChineseTmsProviders.js里面关于天地图的部分要写成下面的形式。

TianDiTu: {
            Normal: {
                Map: "https://t{s}.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=你的密钥",
                Annotion: "https://t{s}.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=你的密钥"
            },
            Satellite: {
                Map: "https://t{s}.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=你的密钥",
                Annotion: "https://t{s}.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=你的密钥"
            },
            Terrain: {
                Map: "https://t{s}.tianditu.gov.cn/ter_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=ter&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=你的密钥",
                Annotion: "https://t{s}.tianditu.gov.cn/cta_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cta&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=你的密钥"
            },
            Subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
    },

 3.整合的过程中遇到问题,加载天地图时总是报403错误。后来发现是因为密钥的域名白名单设置  不对,索性不设置域名白名单,就可以用了

  • 1
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
ECharts 是一套由百度开发的开源可视化图表库,可以用于创建各种类型的交互式图表和数据可视化应用。ECharts 提供了丰富的图表类型和功能,其中包括了使用地图的功能。 使用地图,可以将地理信息结合到 ECharts 的图表中,实现更丰富的可视化效果。通过在 ECharts 中使用地图,我们可以创建各种基于地理位置的图表,如地图、热力图、散点图等。 首先,我们需要在使用 ECharts 的项目中引入地图的资源文件和 API。在 ECharts 的初始化过程中,将地图地图图层添加到地图组件中,就可以显示出地图的底图了。 在创建地图图表时,可以利用地图提供的丰富地图数据和样式,如行政区划边界、道路网络、地名标注等。用户可以通过设置不同的属性,来自定义地图的样式,如地图的中心位置、缩放等级、显示的图层等。 除了地图,我们还可以使用地图来创建热力图。热力图可以用来展示某个区域或点集的密度情况,通过不同的颜色和不透明度表示不同的密集程度。可以利用地图提供的矢量数据和工具,将热力图与地图结合起来展示。 此外,地图还可以与散点图、柱状图等图表类型结合使用,实现更多样的数据展示方式。用户可以根据自己的需求,灵活地配置和定制地图的样式和功能。 综上所述,ECharts 使用地图可以帮助我们更好地展示基于地理位置的数据,并提供交互性和可扩展性。通过灵活运用地图和 ECharts 的功能,可以创建各种各样的数据可视化效果,从而更好地理解和分析地理信息相关的问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值