相关推荐
百度api一些接口方法
2024-11-10 23:06
<!--div width="300px">请输入:<input type="text" id="suggestId" size="20" value="" style="width:150px;" /><input type="button" value="submit" id="submit" onClick="getAddress()"></div>  

百度api一些接口方法

<!--div id="result" style=" width:400px; float:left"></div-->   <div style="width:800px;height:600px;border:1px solid gray; float:right" id="container"></div>   <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>   <script type="text/javascript">   var search="frm_street";  //定义查询框ID;   var local="广汉市";        // 定义本地地址;   var lng="104.290493"; //经度   var lat="30.981528"; //纬度   var spoi  = new BMap.Point(lng,lat); //经纬度   var map = new BMap.Map("container");  //创建地图实例   var point = new BMap.Point(lng,lat); //创建点坐标   map.centerAndZoom(point,15);          //初始化地图,设置中心点坐标和地图级别   map.enableScrollWheelZoom();        //启用滚轮放大缩小地图   //add_flag0();                             //=================获取元素==========================\   function G(id) {       return document.getElementById(id);   }   function GV(id){       return document.getElementById(id).value;   }   //=================添加标记==========================\     //添加标记     function add_flag0(){     var localmarker=new BMap.Marker(new BMap.Point(lng,lat));         map.addOverlay(localmarker);      }     //添加目的地标记     function add_flag1(point){       map.centerAndZoom(point, 15);       map.clearOverlays();    //清除地图上所有覆盖物       add_flag0();            //添加标记       var newmarker=new BMap.Marker(new BMap.Point(point.lng,point.lat));         map.addOverlay(newmarker);            newmarker.enableDragging();//开启拖动       driveline(spoi,point);      longAndtime(spoi,point);      document.edit.lng.value=point.lng;     document.edit.lat.value=point.lat;   }     function add_flag2(){     }   //=================从输入框获取地址地址==============\   function getAddress(){   get_point(GV(search));   }   //=================地址解析(根据地址获取坐标点)==========================\      function get_point(address){       var myGeo = new BMap.Geocoder(); // 创建地址解析器实例       myGeo.getPoint(address, function(point){       if (point) {                    //如果地址能解析,标记            add_flag1(point);                  }else{               alert("地址无法找到!");                       }                       },local);       }   //=================地址反解析(根据坐标点获取地址)==========================\    function get_address(e){    var gc = new BMap.Geocoder();   // 创建地址反解析器实例    var pt = e.point;    var result;       add_flag1(pt);       gc.getLocation(pt, function(rs){           var addComp = rs.addressComponents;           if (addComp.street + addComp.streetNumber=="")           {             result="地址无法找到";           }           else{            result=addComp.street + addComp.streetNumber;           }            document.edit.frm_street.value=result;            return result;       });        }   //==============自动下拉列表=========================\   var ac = new BMap.Autocomplete( {"input" : search,"location" : local} );    //建立一个自动完成的对象   ac.addEventListener("on/confirm/i", function(e) {    //鼠标点击下拉列表后的事件     var _value = e.item.value;   myValue = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;   setPlace();   });   function setPlace(){     //  map.clearOverlays();    //清除地图上所有覆盖物       function myFun(){           var pp = ls.getResults().getPoi(0).point;    //获取第一个智能搜索的结果           add_flag1(pp);       }       var ls = new BMap.LocalSearch(local, { //智能搜索         onSearchComplete: myFun       });       ls.search(myValue);   }   //=================搜索线路==========================\   function driveline(myP1,myP2){    var driving = new BMap.DrivingRoute(map);    //创建驾车实例       driving.search(myP1, myP2);                 //第一个驾车搜索       driving.setSearchCompleteCallback(function(){           var pts = driving.getResults().getPlan(0).getRoute(0).getPath();    //通过驾车实例,获得一系列点的数组          var polyline = new BMap.Polyline(pts);              map.addOverlay(polyline);                   var lab1 = new BMap.Label("起点",{position:myP1});       //创建2个label          var lab2 = new BMap.Label("终点",{position:myP2});              map.addOverlay(lab1);           map.addOverlay(lab2);                      setTimeout(function(){               map.setViewport([myP1,myP2]);          //调整到最佳视野         },1000);               });}       //=================驾车时间距离==============\   function longAndtime(spoi,point){       var output="";       var searchComplete = function (results){       if (transit.getStatus() != BMAP_STATUS_SUCCESS){ return ;}            var plan = results.getPlan(0);           output += plan.getDuration(true) + " ";                //获取时间           output += "总路程为" ;           output += plan.getDistance(true) + " ";             //获取距离       }   var transit = new BMap.DrivingRoute(map, {renderOptions: {map: map,panel:"result"},   //var transit = new BMap.DrivingRoute(map, {renderOptions: {map: map},     // onSearchComplete: searchComplete,     //  onPolylinesSet: function(){             //     setTimeout(function(){alert(output)},"1000");}           });   transit.search(spoi, point);     }   //=================单击地图监听事件==========================\   map.addEventListener("click", function(e){     get_address(e);    // alert(get_address(e));   });   //=================移动地图监听事件==========================\   newmarker.addEventListener("dragend", function(e){    });   </script>   [javascript] view plain copy print? <!--div style="width:800px;height:600px;border:1px solid gray; float:right" id="container"></div-->   <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>   <script type="text/javascript">   var local="广汉市";        // 定义本地地址;   var lng="104.290493"; //经度   var lat="30.981528"; //纬度   var spoi  = new BMap.Point(lng,lat); //经纬度   var map = new BMap.Map("map");  //创建地图实例   var point = new BMap.Point(lng,lat); //创建点坐标   map.centerAndZoom(point,15);          //初始化地图,设置中心点坐标和地图级别   map.enableScrollWheelZoom();        //启用滚轮放大缩小地图   var map = new BMap.Map("map");   var point = new BMap.Point(104.290493,30.981528);   map.centerAndZoom(point,15);   map.enableScrollWheelZoom();   creat("m4043",104.290493,30.981528,"2012年4月30日","汉口路28号","151038432334");    var infoWindow;    //根据传过来的信息,添加覆盖物   function creat(id,lng,lat,time,address,phone){   var message = "<table width='100%' border='0' cellspacing='2' cellpadding='5'>"+          "<tr class='even'>"+          "<td><div align='center'>呼救时间</div></td>"+          "<td><div align='center'>"+time+"</div></td>"+          "</tr>"+          "<tr class='even'>"+          "<td><div align='center'>事故地址</div></td>"+          "<td><div align='center'>"+address+"</div></td>"+          "</tr>"+          "<tr class='even'>"+          "<td><div align='center'>呼救电话</div></td>"+          "<td><div align='center'>"+phone+"</div></td>"+          "</tr>"+          "<tr class='odd'>"+          "<td colspan='2'><div align='center'>分派    细节    编辑</div></td>"+          "</tr>"+          "<tr class='odd'>"+          "<td colspan='2'><div align='center'>跟踪      打印派车单</div></td>"+             "</tr>"+       "</table>";   var myIcon = new BMap.Icon("https://blog.csdn.net/liuxin_0725/article/details/markers/white.png",new BMap.Size(28, 37));   id = new BMap.Marker(new BMap.Point(lng,lat),{icon: myIcon});  // 创建标注   map.addOverlay(id);          // 将标注添加到地图中   id.addEventListener("click", function(e){          this.openInfoWindow(infoWindow);    });   //id.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画    infoWindow = new BMap.InfoWindow(message);  // 创建信息窗口对象   }   //点击列表,传一个point值,显示信息框   function click_list(point){   map.openInfoWindow(infoWindow,point);    }  
    以上就是本篇文章【百度api一些接口方法】的全部内容了,欢迎阅览 ! 文章地址:http://dgaty.xhstdz.com/quote/71017.html 
     栏目首页      相关文章      动态      同类文章      热门文章      网站地图      返回首页 物流园资讯移动站 http://dgaty.xhstdz.com/mobile/ , 查看更多   
发表评论
0评