基于天地图标点html教程,基础地图-在线地图-天地图(无标注)

本文介绍了如何使用天地图API在HTML页面中嵌入无标记地球仪,并通过Cesium库实现交互效果。步骤包括注册开发者、获取应用key,以及在JavaScript代码中设置地球视图。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

示例效果:

9e334ea80eeafdc8a365c11c7e8a8e2a.png

代码展示:

天地图-无标记

html,

body {

width: 100%;

height: 100%;

margin: 0px;

padding: 0px;

}

var earth;

function startup() {

earth = new XE.Earth('earthContainer');

earth.sceneTree.root = {

"children": [

{

"czmObject": {

"name": "天地图",

"xbsjType": "Imagery",

"xbsjImageryProvider": {

"XbsjImageryProvider": {

"url": "http://t6.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=xxxxxxxxxxxxxxxxxxxxxxxxxxx"

},

}

}

}

]

}

}

// 1 XE.ready()会加载Cesium.js等其他资源,注意ready()返回一个Promise对象。

XE.ready().then(startup);

de8889507bbc99833d23a3ea474100cb.png

先注册-->申请成为个人开发者-->控制台创建引用-->应用key=此处的tk

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值