HTML ----世界地图和中国地图的写法

最新推荐文章于 2024-08-09 15:45:07 发布

一起_java

最新推荐文章于 2024-08-09 15:45:07 发布

阅读量4k

点赞数 3

分类专栏：学习文章标签：地图 HTML 中国地图世界地图

本文链接：https://blog.csdn.net/qq_38189467/article/details/102685216

版权

学习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

在这里插入图片描述

代码如下：

<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8" />
		<title>中国地图</title>
		<script src="js/echarts.js" type="text/javascript"></script>
		<script src="js/china.js" type="text/javascript"></script>
		<script type="text/javascript">
			window.onload = function() {
				var chart = echarts.init(document.getElementById("main"));
				chart.setOption({
					series: [{
						"type": "map",
						"map": "china"
					}]
				});
			};
		</script>
	</head>
	<body>
		<div id="main" style="width:1200px;height:666px;"></div>
	</body>
</html>

<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8" />
		<title>世界地图</title>
		<script src="js/echarts.js" type="text/javascript"></script>
		<script src="js/world.js" type="text/javascript"></script>
		<script type="text/javascript">
			window.onload = function() {
				var chart = echarts.init(document.getElementById("main"));
				chart.setOption({
					series: [{
						"type": "map",
						"map": "world"
					}]
				});
			};
		</script>
	</head>
	<body>
		<div id="main" style="width:1200px;height:666px;"></div>
	</body>
</html>

一起_java

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
HTML ----世界地图和中国地图的写法

代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>中国地图</title> <script src="js/echarts.js" type="text/javascript"></script>...
复制链接

扫一扫