开发过程中遇到的坑

参考腾讯地图 http://lbs.qq.com/javascript_v2/index.html

1.现在手头的是用angular写的移动端，先说一下angular遇到的坑

  1.angular最基础的问题页面闪烁的问题
在用{{}}双大括号绑定数据的时候在数据还没有加载到的时候回不全部展示出来，用户体验很不好。所以在这种情况下可以通过ng-bind来进行数据绑定

2.众所周知angular是mvvm模式，双向数据绑定。体现在双向数据绑定最好的就是表单了。
所谓双向数据绑定就是视图改变数据，数据改变视图。

{{num}} 

3.在angular中用到了jq中的毁掉函数的话，在第一次加载的时候数据不会展示在页面上。
所以可以通过jq的$apply来进行关联

4.后台返回数据的时候如果某一个值是比较长的数字，在转成json格式的时候就会进行编译。把数字转换了。
可以先获取text类型的数据然后把那个数据改变成字符串类型的就不会进行编译。然后再转换成json的数据格式进行绑定。

2.项目需求给集团门店打点

腾讯地图实例链接 http://lbs.qq.com/javascript_v2/demo.html

可以满足地图的需求。

1.创建地图









2.改变地图中心和设置marker动画
function（）{
  var info = new qq.maps.InfoWindow({map: map});
                geocoder = new qq.maps.Geocoder({
                    complete : function(result){
                        map.setCenter(result.detail.location);
                        var marker = new qq.maps.Marker({
                            map:map,
                            position: result.detail.location,
                            animation:qq.maps.MarkerAnimation.DROP
                        });
                        markersArray.push(marker);
                        //添加监听事件 当标记被点击了  设置图层
                        qq.maps.event.addListener(marker, 'click', function() {
                            info.open();
                            info.setContent('
'+
                                result.detail.address+'
');
                            info.setPosition(result.detail.location);
                        });
                    }
                });
        }
3.  调用地图的位置
setTimeout(function() {
      address();
      //经纬度信息
      map.panTo(new qq.maps.LatLng(getLat, getLng));
      var latLng = new qq.maps.LatLng(getLat, getLng);
      //调用获取位置方法
      geocoder.getAddress(latLng);
  }, 1000);


4.移除地图标记



5.地图的点击事件以及获取当前地理位置

 qq.maps.event.addListener(map,'click',function(event) {
                console.log('您点击的位置为:[' + event.latLng.getLng()+',' + event.latLng.getLat() + ']');
                //经度
                var getLng=event.latLng.getLng();
                //纬度
                var getLat=event.latLng.getLat();
                $('#coordinate').val(getLat+','+getLng);
                var mdAddress=citySear();
                $('#addressA').val(mdAddress);
                //删除标记
                if (markersArray) {
                    for (i in markersArray) {
                        markersArray[i].setMap(null);
                    }
                }
            }
6.地址解析