给大家分享下自由配置个性化室内三维地图如何在微信里面进行配置显示，然后进行地图导航。 一、在微信小程序里显示室内三维地图 需要满足的两个条件： 调用ESMap室内地图需要用到小程序web-view组件，想要通过 web-view 调用ESMap室内地图需要满足以下 2 个条件： 小程序是企业主体，微信 web-view 组件不对个人类型的小程序开放。 您需要有一个自己的域名，在嵌入网页的时候需要在微信后台验证域名（只有自己域名下的网页才能被正确地显示哦，不能随便找一个公开链接）。 [图片] 二、具体实现步骤 1、域名验证： 由于微信平台的规定，web-view 指向的地址，必须是在微信小程序后台登记的域名，否则会出现“不支持打开非业务域名，请重新配置”的提示。 首先我们在微信的后台找到开发 > 开发设置 > 业务域名模块，并填上你需要绑定的域名。 [图片] 需要注意的是，这里的域名强制 https，需要配置好 https 证书，购买服务器的时候也要注意购买支持 https 的服务器。 接下来，我们需要下载一个微信的验证文件，放在你域名的根目录下，并且支持访问。 具体来说，如果您的域名www.esmap.cn，微信的验证文件是WATLNxupm4.txt，您需要确保https://www.esmap.cn/WATLNxupm4.txt 可以公开访问。确认无误之后，点击保存即可成功保存。 注：小程序所有用到的https请求都需要配置合法域名 2、嵌入带有室内地图的web-view 这个过程其实很简单，找到你微信小程序的.wxml文件，添加以下代码 <web-view src=“https://www.esmap.cn /esmapabc.html”/> 其中 https://www.esmap.cn /esmapabc.html 是带有地图的 H5 页面 室内地图制作流程，您可以使用下面两种方式构建这个页面： 从https://www.esmap.cn 官网中复制测试地图源码DEMO，在您自己的服务器进行免费部署。 参考https://www.esmap.cn 室内三维地图SDK开发说明，在您已有的 H5 页面上添加自己制作的室内地图。 3、小程序 web-view 的一些提示 微信小程序的 web-view 只能是全屏的，并且会覆盖页面中的所有其他组件。 如果想在网页中判断是否处于微信小程序中 var ua = window.navigator.userAgent.toLowerCase(); if (ua.indexOf(‘micromessenger’) == -1) {//说明不在微信中 // 走不在小程序的逻辑 } else { wx.miniProgram.getEnv(function(res) { if (res.miniprogram) { // 走在小程序的逻辑 } else { // 走不在小程序的逻辑 } }) } 如果网页想给小程序传递信息，可以通过 wx.miniProgram.postMessage 方法。 小程序中可以通过 postMessage 方法监听网页传递回来的数据，但是该方法仅在特定时机（小程序后退、组件销毁、分享）触发，没法实时传递消息。 网页跳转到小程序页面 wx.miniProgram.navigateTo({ url: ‘/pages/esmap/esmap?location=’ + obj.location }); 三、更多效果！ [图片] [图片]

在上一篇文章中介绍了如何《微信小程序室内地图导航开发－微信小程序怎么加载室内三维地图？》，接下来我们来介绍下如何制作好看的室内地图给微信小程序使用。室内GIS平台底层架构基于传统GIS平台，根据室内地图和室内定位的特点，在坐标体系和功能定义方面进行有针对性的扩展开发，形成专业的室内地理信息系统引擎。深圳市易景空间三维地图制作平台定义了包含网格结构的室内地理坐标系，融合集成了CAD、arcgis、3dmax三维模型等各种地图数据格式，生成的室内电子地图，可以开发室内跨楼层导航、消防逃通道生分析、室内平滑定位轨迹等特有专业功能；并基于海量空间轨迹聚合技术，利用独立值撒点图、热力图等专题地图对人流行为等海量位置数据进行大数据分析，从而为政府公共安全、商业智能、商场O2O、LBS分析等业务应用领域提供全新的强有力的平台支撑。 易景空间三维地图制作平台中的模型库功能，可以为用户提供丰富的模型支持，基于使用场景分为室内、室外、生活、交通、行业细分等七大类，覆盖用户绘制地图时的常用场景及常用模型类型。模型种类及数量还会进行持续的更新丰富。 [图片] 制作智慧商业办公楼、写字楼风格室内电子地图 我们为大型企业办公楼、不同规模公司办公区提供各具特色的三维室内地图,方便的进行OA系统、门禁系统、人员管理、设备管理、体验区等系统集成和可视化管理。 [图片] 制作智慧机房场景室内电子地图 依托机房环境的多源传感器设备、三维可视化地图、精细化设备模型，打造可视化的智慧机房“数字孪生”平台，实现智慧机房运行管控新方式。 [图片] 制作智慧医院导航室内电子地图 医院室内地图提供大众就医关注的挂号区、分诊区、就医区、检验区完整划分和展现，精确提示各种路线指引，更可以对接HIS系统提供可视化就医服务。 [图片] 制作上传图片贴图风格的导航室内电子地图 易景空间三维地图制作平台为用户提供了上传图片图片功能，用户可以直接将精美的图片上传到易景空间地图三维在线编辑器平台，图片可以竖立和平躺两个方向，可以调整尺寸大小参数，平移偏移量，制作出比纯矢量地图精美的室内电子地图，加载速度快，制作快速方便。 [图片] 使用三维模型库来制作精美的导航室内电子地图 易景空间三维地图制作平台也为用户提供了上千种模型库的功能，用户可自己选择自己行业需要的模型，当模型库模型满足不了您的需求时，您可以自己上传GLTF模型。从模型库往室内三维地图上拖放模型后，所有的复制、移动、调整大小等编辑操作都是在三维模式下操作，实时编辑实时看到效果。 [图片] 制作好的电子地图可以下载部署到WEB服务器，再通过小程序的 web-view 调用ESMap室内地图，这样就可以完成室内地图展示，可以结合室内导航业务等业务。