我理解了,您想使用百度地图链接里显示的秦王宫地图。由于无法直接从百度地图获取静态图片,我会修改代码使其支持您自己上传地图图片。您可以将百度地图截图保存后上传到 /public/maps/ 目录下。
现在让我先删除我生成的图片,并将地图组件改为显示一个占位提示,等待您上传自己的地图图片:
已更新地图组件。现在您可以将百度地图中秦王宫景区的截图保存为图片,然后上传到项目中并命名为 qinwanggong.jpg,放在 /public/maps/ 目录下即可显示。在图片上传之前,地图区域会显示一个网格占位背景,标记点仍然可以正常显示和点击。
文件看起来结构正确,但可能有隐藏字符问题。让我重写整个文件:
已重写地图组件文件,清除了可能导致解析错误的隐藏字符。现在地图区域会显示网格占位背景,当您将秦王宫地图截图上传到 /public/maps/qinwanggong.jpg 后,图片会自动显示并覆盖网格背景。