1. 问：你们项目中 GIS 相关的功能是如何实现的？用到了哪些技术？
答：
在本项目中，GIS 相关功能主要体现在 web-admin/src/views/gis/Gis.vue 页面。我们通过集成第三方地图库（如高德地图、百度地图或 Leaflet、OpenLayers 等开源库）来实现地图的展示、地理位置标注、数据可视化等功能。前端通过调用地图 API 实现地图的初始化、缩放、标记、弹窗等交互，后端可根据需要提供地理数据接口，支持动态加载和展示。
2. 问：你们项目的 GIS 页面如何与后端进行数据交互？数据格式是什么？
答：
GIS 页面通常会通过 AJAX 请求（如 axios/fetch）向后端接口请求地理数据。例如，web-admin/src/views/gis/Gis.vue 可能会请求后端接口获取产品分布、用户分布等地理信息。后端返回的数据格式一般为 GeoJSON 或包含经纬度的 JSON 数组。前端解析后，将数据点渲染到地图上，实现数据的地理可视化。
3. 问：在 GIS 功能开发中，如何处理大量地理数据的性能问题？
答： 在本项目中，为了保证 GIS 页面在展示大量地理数据时的性能，采取了以下措施：
- 数据分片/分页加载：前端只请求当前视野范围内的数据，避免一次性加载全部数据。
- 点聚合（Cluster）：对于密集的点位，使用地图库自带的聚合功能，将多个点合并为一个聚合点，减少渲染压力。
- 懒加载与虚拟化：地图缩放或拖动时，动态加载和销毁不在视野内的数据。
- 后端过滤：后端接口支持根据地图范围、条件过滤数据，减少前端处理量。
4. 问：你们项目的 GIS 页面如何实现地图标记和弹窗功能？
答：
在 web-admin/src/views/gis/Gis.vue 中，地图标记和弹窗功能通常通过地图 API 实现。例如，使用高德地图 JS API，可以通过 AMap.Marker 创建标记点，并绑定点击事件，点击后弹出信息窗体（InfoWindow），显示产品或用户的详细信息。前端会根据后端返回的数据动态生成标记和弹窗内容，实现交互式的地理信息展示。
5. 问：GIS 页面在不同浏览器下的兼容性如何保证？遇到过哪些兼容性问题？
答： GIS 页面由于依赖第三方地图库，兼容性主要取决于所用库的支持范围。为保证兼容性，我们：
- 选用主流浏览器兼容性好的地图库（如高德、百度、Leaflet）。
- 在
web-admin项目中通过 polyfill、Babel 降级等方式，确保地图相关 JS 能在 IE11 等低版本浏览器运行。 - 针对部分地图 API 在低版本浏览器下的表现差异，做了兼容性处理或降级提示。
- 遇到过如 SVG 渲染、CSS3 动画在 IE 下表现异常的问题，通过调整样式和使用图片替代等方式解决。
