网站介绍
这是一个基于高德地图API的室内地图展示网站。用户可以在网页上查看室内地图，并通过鼠标悬停在地图上的建筑物上获取更多信息。该网站使用了响应式设计，适应不同设备的屏幕尺寸，以提供良好的用户体验。
主要功能
- 根据传入的地址或关键字搜索地点或建筑。
- 在地图上绘制用户指定的建筑物或区域。
- 支持鼠标悬停操作，显示相关信息。
- 具有缩放、平移和旋转的功能，方便用户进行视角切换和地图探索。
- 支持导出地图为图片文件。
技术栈
- 前端：HTML, CSS, JavaScript(使用jQuery库)。
- 后端：Node.js。
- 地图服务：高德地图API。
- 数据可视化库：ECharts(用于绘制地图)。
页面结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>室内地图展示</title>
<!-- 引入相关CSS -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- 地图容器 -->
<div id="map"></div>
<!-- 其他页面元素，如搜索框、工具栏等 -->
<!-- 引入相关JavaScript -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts.min.js"></script>
<script src="main.js"></script>
</body>
</html>
根据具体需求，还可以添加搜索框、工具栏等相关页面元素。这些元素将帮助用户输入坐标、控制视角以及处理地图上的交互事件。
