怎么设置百度地图让其不能拖动？

本人在开发微信端的时候用到了百度地图的功能！

但是在手机页面一个小小的显示空间中，百度地图能够拖动会使我整体页面的 滑动出现影响

减弱了用户体验

 

现在给大家说一下我是怎么让地图的那个div不能拖动的吧

{if $item['lng']}
              <div id="all_map" style="width: 100%;height: 2rem;">
                  
              </div>
              <div class="disable" style="width: 100%;height: 2rem;z-index: 1; position: relative; margin-top: -2rem"></div>
               <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=3dbc75dc9323fca5dcfa217364eb78ef"></script>
                <script type="text/javascript">
                    // 百度地图API功能
                    var map = new BMap.Map("all_map");
                    map.centerAndZoom(new BMap.Point(116.331398,39.897445),15);
                    //map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
                   // map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用

                    {if $item['lng']}
                    theLocation();
                    {/if}
                    // 用经纬度设置地图中心点
                    function theLocation(){
                            map.clearOverlays(); 
                            var new_point = new BMap.Point({$item['lng']},{$item['lat']});
                            var marker = new BMap.Marker(new_point);  // 创建标注
                            map.addOverlay(marker);              // 将标注添加到地图中
                            map.panTo(new_point); 
                    }
                </script>
              {else}
              <div id="" style="width: 100%;height: 0.3rem; text-align: center;"> <span style=" line-height: 0.2rem; color: gray;"> 该商家暂未提供</span></div>
            {/if}
            <!-- 商家位置信息 地图显示结束 -->

其实就是 disable这个div 将地图的那个div遮盖住~

办法比较投机~  但是显示效果还是不错~

原文地址http://micuer.com/index.php?m=index&a=read&id=216