百度地图API 一些简单方法
来源:互联网 发布:excel引用数据 编辑:程序博客网 时间:2024/06/10 02:39
<!--div width="300px">请输入:<input type="text" id="suggestId" size="20" value="" style="width:150px;" /><input type="button" value="submit" id="submit" onClick="getAddress()"></div><!--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("onconfirm", 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) + "\n"; //获取时间 output += "总路程为:" ; output += plan.getDistance(true) + "\n"; //获取距离}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>
<!--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("./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); }</script>
- 百度地图API 一些简单方法
- 百度地图API简单应用
- 百度地图API简单实例
- 百度地图api简单使用
- 百度地图api基础方法
- 百度地图API的一些应用
- 百度地图API使用的一些注意事项
- “百度地图JavaScript API”简单实例开发
- 百度地图API 简单使用技巧一
- 百度地图api的简单应用
- 百度地图API简单小例
- 百度地图API的简单应用
- 百度api一些接口方法
- 百度地图API应用以及对地图的一些操作
- 一个重要的百度地图API方法
- 百度地图js api 异步调用方法
- 百度地图api获取可视区方法
- 百度地图的一些方法及常见问题
- 2012.7.29
- linux input输入子系统分析《三》:S3C2440的触摸屏驱动实例
- ORACLE SQL性能优化系列 (二)
- generation unfair
- M0-can 只能接受标准帧,而不接受扩展帧?
- 百度地图API 一些简单方法
- oracle查看表之间的关联关系
- MySQL 配置文件中,字符集设置
- phpMyadmin忘记密码解决办法
- 玩转 Android MediaPlayer之Media Proxy
- 百度地图API 测试页面
- C语言--对指针的理解
- poj1279 求核面积
- 《网站用户口令处理安全性测评报告》的一些不专业地方 ——引用自(kussa的)百度空间