[已解决]室内地图功能实现

aijee2016 · 发表于 2016-6-21 16:20:52

我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>室内地图</title>
<link type="text/css" href="[img]file:///C:\Users\ADMINI~1\AppData\Local\Temp\[5UQ[BL(6~BS2JV6W}N6[%S.png[/img]http://indoorweb.amap.com/indoormap-1.0.css" rel="stylesheet" />
<script  src="[img]file:///C:\Users\ADMINI~1\AppData\Local\Temp\[5UQ[BL(6~BS2JV6W}N6[%S.png[/img]http://indoorweb.amap.com/indoormap-1.0.js"></script>
<style type="text/css">
   h3{
      font-size: 1.17em;
      line-height: 1.4;
      font-weight: bold;
      margin: 2px;
   }
   hr{
      margin: 1px;
   }
   html,body{
      width: 100%;
      height: 100%;
      margin: 0px;
   }
   .map{
      height: 100%;
      width: 100%;
      float: left;
   }
   #mapDiv .amap-indoormap-floorbar-control{bottom:10%}
</style>
</head>
<body>
<div id="mapDiv" class="map"></div>
</body>
<script>
//示例初始化地图
var map = new Indoor.Map('mapDiv',{
key:'dfd6908aa7c513714d462f049ab58040',
buildingId:'B000A7AFF1'
});
//由于地图数据使用了异步加载，为避免出错请把所有的逻辑放在mapready事件内
map.once('mapready',function(){
console.log(map.getFloor());
})
</script>
</html>

上面代码的效果是有搜索框，然后我选择卫生间，就会标识卫生间。
我想要的效果是进入室内地图页面，显示搜索框，并且展示默认楼层的卫生间，如果默认楼层没有卫生间，会有提示，当我切换到别的楼层时，又显示相应楼层的卫生间，当然如果没有卫生间也会提示。而当用户搜索商铺或者设施时，只展示用户搜索的设施项目，不展示卫生间，当切换到别的楼层时，又显示相应楼层用户搜索的设施项目。请问如何实现呢？

amap_135****5228 获得最佳答案

跳转到最佳答案楼层

月排行榜 / 总排行榜

百世经纶梵天 · 发表于 2016-6-22 10:19:54

1、取消搜索，初始化参数 searchBarControl:false
2、
  //获取所有洗手间的数据接口：
  var  wcData= map.getFacilityData('AM1004');

  //高亮
  function highlightWC(){
//这里根据 wcData数据判断做提示

//取消所有高亮
map.cancelAllHightLight();
var curFloor = map.getFloor();
for(var i=0;i<wcData.data.length;i++){
   if(wcData.data[i].floor == curFloor){
      //高亮
      map.hightLightFacility(wcData.data[i].ft_sourceid)
   }
}
  }
  //切换楼层事件
  map.on('floorchanged',highlightWC);
  highlightWC();

注：不能保留搜索的控件，否则2个逻辑之间没办法反复切换

aijee2016 · 发表于 2016-6-22 15:00:41

百世经纶梵天发表于 2016-6-22 10:19
1、取消搜索，初始化参数 searchBarControl:false
2、
//获取所有洗手间的数据接口：

我试着让搜索框也存在，在搜索时除了搜索的设施项目高亮卫生间也一直高亮，切换貌似没问题

没有办法把两个逻辑隔开吗

用户名		自动登录	找回密码
密码			立即注册