商场商铺地图

插件安装

本插件为TVT.js平台深度定制开发的源码包，如需在其他平台集成使用，建议进行适配性调整以实现最佳兼容效果。

1、点击右侧插件包下载，得到： 'indoorMap.zip' , 并放在 `icegl-three-vue-tres/pluginMaker/install/`

2、请使用命令终端，自行定位到您电脑的目录

cd /icegl-three-vue-tres/

3、输入命里，安装插件

yarn plugin.marker install indoorMap

4、启动预览模式即可：

yarn pre.dev

插件介绍

预览地址：https://oss.icegl.cn/p/indoorMap

视频预览：

清晰版跳转 B站查看详情

这款强大的 indoorMap 插件专为商场及商业环境的可视化展示设计，能够精准展示商场建筑物和商铺分布。基于标准的 GeoJSON 文件格式，插件提供灵活的展示和编辑功能，帮助用户轻松实现商场内部地图的动态可视化。

主要功能包括：

• 商场整体建筑物展示：直观展示商场的整体结构和布局，便于用户了解整个建筑物的空间分布。
• GIS结合展示：与GIS技术结合，支持在滤镜地图上展示建筑物位置及商铺分布，增强定位与导航功能。
• 单层商户展示：根据用户需求，单层商铺展示能够突出每一层的详细布局和商铺分布。
• 多层切换商户展示：支持多层楼宇之间的切换，用户可以在不同楼层之间无缝浏览商铺信息。

核心优势：

• 自由与灵活：用户可以根据具体需求在线编辑GeoJSON文件，自由控制展示内容与样式。
• 美观与易用：简洁的设计、清晰的图形界面，确保商场地图既美观又实用。
• 强大的扩展性：支持与其他插件和系统的集成，能够灵活扩展以满足各种场景需求。
• 与GIS结合：无缝整合GIS数据，提供精准定位与展示，让商场地图更加智能。

通过 indoorMap 插件，商场管理者和开发者可以在几乎没有技术门槛的情况下，自主生成和展示商场地图，极大提升用户体验和管理效率。

插件依赖额外的第三方库：canvg
请在安装完插件后，命令行运行： 

yarn add canvg

基于标准的geojson编辑器、编辑以及使用详见：