Skip to content

CSDN数据可视化之三维地图展示
CSDN数据可视化之三维地图展示

言程序plus / CSDN数据可视化之三维地图展示
与 Fork 源项目一致

Fork自 Cloud IDE / 1024云IDE应用挑战赛

通知 45
Star 22
Fork 2
CSDN数据可视化之三维地图展示
CSDN数据可视化之三维地图展示

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 9121f1aa 编写于 作者: 6 628f27b3fb72c14e897fac6b
浏览文件
操作

代码优化

上级 18ce7bbe
隐藏空白更改
内联 并排
Showing with 10 addition and 25 deletion
index.html 已删除 100644 → 0
浏览文件 @ 18ce7bbe
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="src/style.css">
</head>
<body>
<div class="app">
<img src="src/logo.svg" width="100px">
<h1>欢迎使用 Cloud IDE</h1>
官网：<a href="https://ide.csdn.net" target="_blank">https://ide.csdn.net</a>
</div>
</body>
</html>
\ No newline at end of file
public/index.html
浏览文件 @ 9121f1aa
......@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>数据可视化</title>
<title>CSDN数据可视化之三维地图展示</title>
<link href="static/widgets.css" rel="stylesheet">
<script src="static/echarts.min.js"></script>
<script src="static/EchartsLayer.js"></script>
......
src/components/force-3d.vue
浏览文件 @ 9121f1aa
......@@ -65,6 +65,10 @@ const initCesuim3D = (result) => {
});
var imageryLayers = viewer.imageryLayers;
var scene = viewer.scene;
var layer = new Cesium.ArcGisMapServerImageryProvider({
url: "https://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer",
});
imageryLayers.addImageryProvider(layer);
viewer.camera.flyTo({
destination: window.Cesium.Cartesian3.fromDegrees(
......@@ -78,11 +82,6 @@ const initCesuim3D = (result) => {
},
});
var layer = new Cesium.ArcGisMapServerImageryProvider({
url: "https://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer",
});
imageryLayers.addImageryProvider(layer);
var TDU_Key = "4a00a1dc5387b8ed8adba3374bd87e5e"; //天地图密钥
//在线天地图影像服务地址(墨卡托投影)
var TDT_IMG_W =
......
src/views/home.vue
浏览文件 @ 9121f1aa
......@@ -21,6 +21,9 @@
<el-dropdown-item @click="gotoRank('fans3d')"
>铁粉排名</el-dropdown-item
>
<el-dropdown-item @click="gotoRank('blog')"
>博主主页</el-dropdown-item
>
</el-dropdown-menu>
</template>
</el-dropdown>
......@@ -56,8 +59,8 @@ const gotoRank = (key) => {
case "fans3d":
activeTitle.value = "全网博主铁粉排名分布";
break;
case "wordCloud":
activeTitle.value = "技术栈词云";
case "blog":
window.open('https://blog.csdn.net/m0_61243965')
break;
default:
break;
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或