由于室内定位项目需要涉及室内地图的相关功能，因此分析和探索高德地图和百度地图APP以项目为参考的室内地图设计逻辑。本文从室内地图展示、室内地图与导航栏对应两个方面进行了分析比较，并对部分内容提出了相关建议。
因为涉及到专有名词，如果有不太懂的同学，可以查看以下百度百科的解释。
确定地图服务平台提供的缩放级数N，金字塔底层采用缩放级最低、地图比例尺最大的地图图片，即第0层，从地图图片左上角、从左到右、从上到下切割，分为相同大小（如256）×256像素）的正方形地图瓦片，形成第0层瓷砖矩阵；在第0层地图图片的基础上，每2层×2像素合成成为像素生成第一层图片，分成与下一层相同大小的正方形地图瓷砖，形成第一层瓷砖矩阵；生成第二层瓷砖矩阵。。。。这样下去，直到N1层形成整个瓦片金字塔。
首先用（如ArcGIS软件等。)处理地图数据，置所需的图层方案，并保存方案。
然后使用软件自己的切片功能，在切片过程中选择切片方案，如金字塔级别、地图切片范围等，会影响切片的速度。切片后的数据称为瓦片。
POI：
POI是“Point of Interest中文可以翻译成兴趣点。在地理信息系统中，一个POI可以是房子、商店、邮箱、公交站等
为了提高浏览速度，高德地图、百度地图或其他电子地图网站通常以瓷砖的形式逐步显示具体数据POI瓷砖数据上覆盖着点的图标和标记。所以对于室内地图，设计师需要考虑如何展示室内地图。如果是逐步显示，每个级别的具体信息是什么？展示效果应该是什么？
先看百度地图和高德地图的室内地图展示效果。
左图为百度地图，右图为高德地图。你可以看到百度地图，在标记1处，仍然有原始的室外地图建筑轮廓暴露（颜色与标记2一致），室内地图建筑轮廓颜色和室外区别不明显。右边两张高德地图有室内地图的区域只显示室内地图，建筑轮廓与背景色对比明显，整体外观清晰。
显然，百度地图直接在室外地图上叠加室内地图层，没有任何处理。我们来分析一下如何做到像高德地图一样。
上图为高德地图。pc高德移动终端的同一位置。PC端红框标出，很明显仍有室外轮廓外露，对应下面移动端相同位置数据，红框标出已经都没有了。那高德地图APP具体来说，我个人认为应该首先排除删除原来的室外建筑，因为对于切片地图，如果你想删除原来的室外建筑与室内地图，你必须找到建筑在各级瓷砖，图片处理删除，这显然太麻烦了。或者重新制作矢量地图，去除室外建筑，然后切片。然而，有室内地图数据的建筑总是在更新。每次更新时重新制作地图显然是不合理的。就我个人而言，我认为高德的做法应该是在叠加室内地图的区域覆盖与该区域颜色相同的纯色底图。底图的大小应覆盖原室外地图的轮廓，然后在此基础上叠加室内地图。
由于室内地图结构相对简单，高德和百度在各级室内地图上的显示内容相同，但随着级别的增加，地图逐渐放大，图片上POI比如100米开始显示室内地图，poi点只显示商场名称，50米时增加几个poi点名和图标，到25米，POI点图标更多。西单大悦城区百度室内地图从左到右依次为100米，50米，25米。西单大悦城地区高德室内地图从左到右依次为100米，50米，25米。
虽然高德和百度的室内地图逐渐增加POI信息点，但由于比例尺不同（水平为100米，但100米对应的实际屏幕尺寸不同），从图中我们可以看到同一西单欢乐城百度地图室内地图在手机屏幕上看起来比高德小，由于屏幕显示的大小，逐级添加POI 信息点也很少。从室内地图的出现，放大两个层次，到25米，信息量仍然很少，给用户的感觉是放大操作没有更多的信息响应。从室内地图的出现到25米，信息量仍然很小，给用户一种放大操作没有更多信息响应的感觉。高德地图显示在20米级poi信息量已经丰富。
另一个细节：从图片上看，百度地图在100米时显示了所有的室内地图。高德地图100米，君太商城和西单新一代商城没有室内地图，只有在地图达到50米级时才出现。高德还对室内地图进行了分级处理，确保比例尺小时，图片不拥挤，室内地图显示面积太小没有意义。
因此，从室内地图的展示和逐级内容响应来看，高德地图在美观性和互动体验上明显优于百度。
在做具体的项目设计时，室内地图什么级别展示，并在各个级别展示POI具体点是什么？产品经理需要根据实际业务情况给出明确的内容，以确保地图美观易用，使用户的互动体验更好。
一旦进入室内地图，需要考虑室内地图地板的切换。它看起来很简单，只需点击地板切换条对应的楼层，并在地图上显示相应的楼层。
朱吉:宁夏启动物流运输行业关爱司机活动
然而，有两个问题：何时出现地板导航条（具体来说，是什么事件触发地板导航条显示）；如果有多个建筑，地板导航条应如何对应建筑物。我们一一分析。
首先，在上图中，从左到右依次为100米，初始进入无楼层的西单大悦城区域地图，进行各种平移的西单大悦城区域地图，点击建筑物后的西单大悦城区域地图。
在上图中，在这些情况下没有地板导航条。据推测，当这种交互逻辑最初显示室内地图时，由于室内地图范围较小，用户即使切换楼层也看不到更多内容，因此不需要在该级别切换楼层，因此不需要显示楼层导航条。
上图为50米级时，左图为平移，右图为点击选定建筑物后的交互效果图，楼层导航条仍不会出现。
上图为25米级，室内地图开始显示。中间图为同一区域稍微移动后，地板导航条消失。右图为点击选定区域，自动平移到图中，显示楼层导航栏。
从以上比较可以看出，高德地图在地板导航栏中的触发和存在条件如下：1。图片水平足够大（高德为25米）；图片中心必须有建筑物（高德地图应设置屏幕中心点）。楼层导航条一旦不满足这两个条件之一，就会消失。
百度地图在地板导航条上的设计逻辑与高德地图相同，图片中心的图片级别和建筑都是必要条件。只有百度地图可以在50米级切换楼层(本文不讨论展示室内地图的具体级别，见仁见智。）
基于以上逻辑，无论有多少室内建筑，只需要考虑哪个建筑物的室内地图触发了设定的中心点，则楼层导航条对应该建筑物即可。
这里有一个细节，高德地图点击图标，自动移动到屏幕中心，无论是室内还是室外。当高德地图足够大时，可以出现室内地图自动移动到屏幕中心，动移动到屏幕中心，，地板导航栏自动切换到建筑，上述流程简单地是高地图用户点击哪个室内地图导航栏对应的建筑。
百度无论室内外，点击图标，区域位置不改变，所以当地板导航条时，有以下问题：地板导航条对应西单欢乐城，但作者想看到君太百货公司的细节，只能通过翻译地图，如果点击君太百货公司，只显示君太百货公司的底部，地板导航条仍对应于西单欢乐城。毕竟地图占据了足够大的屏幕，这种交互响应有些不足。用户更关注图片信息。另外，从逻辑上来说，用户既然点击君太百货，必然是需要关注该区域。屏幕中心自动切换，楼层导航条自动对应合理。
1)保留地板导航条的记忆
左图为西单欢乐城5层，中间图为君太百货，右图为君太百货再次移动至西单欢乐城。你可以看到地板导航条会保留记忆，自动显示为5层。百度地图和高德地图都有这个功能。
2)使用导航条
高德地图的地板导航条保留五行，对应五层。导航条第一行和第五行的地板号为灰色处理。第二行和第四行是主楼层开关区域。第三行表示当前楼层切换，整个导航栏的楼层号自动上下移动，将选定的楼层对应于导航栏中间的第三行(见下图左图)。当即将切换到顶层或底层时，上下区间将保留一个空白格（见下图右图），以便用户无法选择此操作，并将相应提示用户到达顶层或底层。
百度地图如下图所示（左图和中图）。作者用尽了所有的力量，仍然无法向上或向下移动一层楼层。如果你想切换4层或10层，你必须使用向上或向下的地板导航箭头进行切换。因为我没有足够的纤细玉指，我真的够不着。最后，图片发生了反应，不小心选择了西单购物中心超市（见下图右图）。
百度地图的逻辑是，如果需要切换楼层，点击向上和向下的箭头移动楼层，建议向上和向下的箭头应该更高，至少像楼层号一样。
百度地图的逻辑是，如果需要切换楼层，点击向上和向下的箭头移动楼层，建议向上和向下的箭头应该更高，至少可以像楼层号码一样。此外，将地板导航条放在右上角，然后使用向上和向下的箭头，这是一种无法比拟的感觉。建议适当向下移动地板导航条。而且地板导航下的爱购图标距离太近，容易误操作。
逻辑决定互动，细节决定质量。本文分析了百度地图和高度地图的室内地图交互逻辑及相关细节，并提出了相关建议，希望能给大家一些启发。
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时候联系我们修改或删除，多谢。
标签：
评论