基于百度地图开发实践

//实现功能 添加点 拖动 添加点时鼠标样式变动等

<script type="text/javascript" src=" http://api.map.baidu.com/api?v=1.5&ak=56WEad9oOG1AB2YC2Z920rTM"></script>

<style>

        .anchorBL{display:none}

        #r-result{width:100%;}

        html{height:100%}

        body{height:100%;margin:0px;padding:0px}

        #allmap{height:100%}

</style>  

 <div id="allmap">  </div>

<script>

 // 百度地图API功能

 var map = new BMap.Map("allmap");

 var point = new BMap.Point(115.692255,40.226846);

 map.centerAndZoom(point, 11);

 map.setCurrentCity("北京");

 map.enableScrollWheelZoom();//启用滚轮放大缩小，默认禁用

        map.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用

 

 var local = new BMap.LocalSearch(map, {

  renderOptions:{map: map}

 });

 

 function fsearch(){ //百度搜索功能

            var vv=document.getElementById("search").value;

            local.search(vv);

 }

//添加点JS

      function addpoint(){

            var flag= document.getElementById("dbflag").value;

            var tablename= document.getElementById("vtablename").value;

            if(flag==='' || flag===null||tablename===''||tablename===null){

                alert("请选择空间表");

                return;

            }

              var url="${ctx}/poiqueryservice/toaddspacedata?dbfalg="+flag+"&tablename="+tablename;

             $('#editFrame').attr("src",url);

           

            map.addEventListener("click",fmapclick);

            map.setDefaultCursor("crosshair"); //鼠标样式 十字型

          }

          function fmapclick(e){

               var flag= document.getElementById("dbflag").value;

               var tablename= document.getElementById("vtablename").value;

               add_overlay(e.point.lng , e.point.lat);

                 

          }

         

        function removeClick(){

            map.removeEventListener("click",fmapclick);

            map.setDefaultCursor("url('bird.cur')");

 }

         var addmarker;

        function add_overlay(x,y){

 if(addmarker!=null){

  remove_addoverlay();

  }

        addmarker = new BMap.Marker(new BMap.Point(x, y)); // 创建点

        map.addOverlay(addmarker);

        window.frames["editFrame"].fchildifm(x,y);

        $('#dlg').window('open');

        addmarker.enableDragging();//启用点拖动

        addmarker.addEventListener("dragend", function(e){

        var x=eval(e.point.lng);

        var y=eval(e.point.lat);

        window.frames["editFrame"].fchildifm(x,y);

        })

 }

       //清除覆盖物

 function remove_addoverlay(){

     map.removeOverlay(addmarker);

            map.setDefaultCursor("url('bird.cur')");

 }

        

  //修改点JS

       function falert(e){

        // alert(marker.getLabel().content);

        var marker=e.target;

        var id=marker.getLabel().content;

        var flag= document.getElementById("dbflag").value;

        var tablename= document.getElementById("vtablename").value;

        var url='${ctx}/poiqueryservice/getspacedatabyid?dbfalg='+flag+'&tablename='+tablename+'&id='+id;

        if($('#editFrame').attr("src")!==url){

            $('#editFrame').attr("src",url);

        }

        $('#dlg').window('open');

               

        }

 

 //添加覆盖物

 function add_point(id,x,y){

       /*

        var markerMenu=new BMap.ContextMenu();

 markerMenu.addItem(new BMap.MenuItem('编辑',falert));

        var marker = new BMap.Marker(new BMap.Point(x, y)); // 创建点

        var label = new BMap.Label(id,{offset:new BMap.Size(20,-10)})

        marker.setLabel(label);

        marker.addContextMenu(markerMenu);

        map.addOverlay(marker);

        */

     

 removeClick();

        var marker = new BMap.Marker(new BMap.Point(x, y)); // 创建点

       

        var label = new BMap.Label(id,{offset:new BMap.Size(20,-10)})

        marker.setLabel(label);

        marker.addEventListener("click", falert);

        map.addOverlay(marker);

        marker.enableDragging();//启动拖动

        marker.addEventListener("dragend", function(e){

        var x=eval(e.point.lng);

        var y=eval(e.point.lat);

        window.frames["editFrame"].fchildifm(x,y);

        })

 }

 //清除覆盖物

 function remove_overlay(){

     map.clearOverlays();

            removeClick();

 }     

</script>