地图引用报错,白屏,看不出是什么问题。

来源:5-2 数据报表项目简介

qq_樱花树下的羁绊_0

2020-06-26

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src='https://unpkg.com/@antv/l7'></script>
	<style>
		html,body{overflow:hidden;margin:0;}
		#map { position:absolute; top:0; bottom:0; width:100%; }
	</style>
</head>
<body>
	<div id="l7-map"></div>
	<script>
	  const scene = new L7.Scene({
			id: 'l7-map',
			map: new L7.GaodeMap({
				style: 'dark', 
				center: [120.19382669582967, 30.258134], 
				zoom: 6, 
				pitch: 0,
				token: 'ed4ef9de78eb739519fa581a765497b1'
			}),
		});

	</script>
	
</body>
</html>

图片描述

图片描述

改为本地引用他还是报错
图片描述

图片描述

写回答

1回答

扬_灵

2020-06-26

同学你好,在这个报错中本来引用的是https://unpkg.com/@antv/l7线上地址但是在你的项目被解析成了引用本地的地址,你可以试着将线上的资源复制到本地的一个js中,在引用的时候就直接引用本地的资源文件,如果不能解决你的问题,可以继续追问。


0
2
扬_灵
回复
qq_樱花树下的羁绊_0
同学你好,你把QQ号发一下,我这边试着远程帮你看看
2020-06-28
共2条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端,掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程