请输入: 请输入:

百度地图API 一些简单方法

  2. <div style="width:800px;height:600px;border:1px solid gray; float:right" id="container">div>
  3.  
  4.  
  5. <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3">script>
  6. <script type="text/javascript">
  7.  
  8. var search="frm_street";  //定义查询框ID；
  9. var local="广汉市";		// 定义本地地址；
  10. var lng="104.290493"; //经度
  11. var lat="30.981528"; //纬度
  12. var spoi  = new BMap.Point(lng,lat); //经纬度
  13.  
  14. var map = new BMap.Map("container");  //创建地图实例
  15. var point = new BMap.Point(lng,lat); //创建点坐标
  16. map.centerAndZoom(point,15);          //初始化地图，设置中心点坐标和地图级别
  17. map.enableScrollWheelZoom();        //启用滚轮放大缩小地图
  18.  
  19. //add_flag0();                          
  20. //=================获取元素==========================\
  21. function G(id) {
  22.     return document.getElementById(id);
  23. }
  24. function GV(id){
  25.     return document.getElementById(id).value;
  26. }
  27.  
  28. //=================添加标记==========================\
  29.   //添加标记
  30.   function add_flag0(){
  31.   var localmarker=new BMap.Marker(new BMap.Point(lng,lat));  
  32. 	map.addOverlay(localmarker); 
  33.   }
  34.  
  35.   //添加目的地标记
  36.   function add_flag1(point){
  37.     map.centerAndZoom(point, 15);
  38. 	map.clearOverlays();    //清除地图上所有覆盖物
  39. 	add_flag0();			//添加标记
  40. 	var newmarker=new BMap.Marker(new BMap.Point(point.lng,point.lat));  
  41. 	map.addOverlay(newmarker); 
  42. 	    newmarker.enableDragging();//开启拖动
  43. 	driveline(spoi,point);
  44.    longAndtime(spoi,point);
  45.    
  46.    document.edit.lng.value=point.lng;
  47.   document.edit.lat.value=point.lat;
  48. }
  49.   function add_flag2(){
  50.  
  51.   }
  52. //=================从输入框获取地址地址==============\
  53. function getAddress(){
  54. get_point(GV(search));
  55. }
  56.  
  57. //=================地址解析(根据地址获取坐标点)==========================\
  58.  
  59.    function get_point(address){
  60. 	var myGeo = new BMap.Geocoder(); // 创建地址解析器实例
  61. 	myGeo.getPoint(address, function(point){
  62. 	if (point) {					//如果地址能解析，标记
  63. 	     add_flag1(point);
  64. 			   }else{
  65. 			alert("地址无法找到!");
  66. 					}
  67. 					},local);
  68. 	}
  69. 					
  70.  
  71. //=================地址反解析(根据坐标点获取地址)==========================\
  72.  function get_address(e){
  73.  var gc = new BMap.Geocoder();   // 创建地址反解析器实例
  74.  var pt = e.point;
  75.  var result;
  76.     add_flag1(pt);
  77.     gc.getLocation(pt, function(rs){
  78.         var addComp = rs.addressComponents;
  79. 		if (addComp.street + addComp.streetNumber=="")
  80. 		{
  81. 		  result="地址无法找到！";
  82. 		}
  83. 		else{ 
  84. 		result=addComp.street + addComp.streetNumber;
  85. 		}
  86. 		 document.edit.frm_street.value=result;
  87.          return result;
  88.      
  89.     });    
  90. 	
  91.  }
  92.  
  93.  
  94. //==============自动下拉列表=========================\
  95.  
  96. var ac = new BMap.Autocomplete( {"input" : search,"location" : local} );    //建立一个自动完成的对象
  97. ac.addEventListener("onconfirm", function(e) {    //鼠标点击下拉列表后的事件  
  98. var _value = e.item.value;
  99. myValue = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
  100. setPlace();
  101. });
  102.  
  103. function setPlace(){
  104.   //  map.clearOverlays();    //清除地图上所有覆盖物
  105.     function myFun(){
  106.         var pp = ls.getResults().getPoi(0).point;    //获取第一个智能搜索的结果
  107.         add_flag1(pp);
  108.     }
  109.     var ls = new BMap.LocalSearch(local, { //智能搜索
  110.       onSearchComplete: myFun
  111.     });
  112.     ls.search(myValue);
  113. }
  114.  
  115.  
  116. //=================搜索线路==========================\
  117.  
  118. function driveline(myP1,myP2){
  119.  var driving = new BMap.DrivingRoute(map);    //创建驾车实例   
  120.  driving.search(myP1, myP2);                 //第一个驾车搜索   
  121.  driving.setSearchCompleteCallback(function(){       
  122.  var pts = driving.getResults().getPlan(0).getRoute(0).getPath();    //通过驾车实例，获得一系列点的数组      
  123.  var polyline = new BMap.Polyline(pts);          
  124.  map.addOverlay(polyline);               
  125.  
  126.                
  127.  var lab1 = new BMap.Label("起点",{position:myP1});       //创建2个label      
  128.  var lab2 = new BMap.Label("终点",{position:myP2});          
  129.  map.addOverlay(lab1);       
  130.  map.addOverlay(lab2);                  
  131.  setTimeout(function(){           
  132.  map.setViewport([myP1,myP2]);          //调整到最佳视野     
  133.  },1000);           
  134.  });}
  135.  
  136.  
  137.  	//=================驾车时间距离==============\
  138. function longAndtime(spoi,point){
  139. 	var output="";
  140. 	var searchComplete = function (results){
  141.     if (transit.getStatus() != BMAP_STATUS_SUCCESS){ return ;}
  142. 		 var plan = results.getPlan(0);
  143.         output += plan.getDuration(true) + "
";                //获取时间
  144.         output += "总路程为：" ;
  145.         output += plan.getDistance(true) + "
";             //获取距离
  146. 	}
  147. var transit = new BMap.DrivingRoute(map, {renderOptions: {map: map,panel:"result"},
  148. //var transit = new BMap.DrivingRoute(map, {renderOptions: {map: map},
  149.   // onSearchComplete: searchComplete,
  150.   //  onPolylinesSet: function(){        
  151.   //     setTimeout(function(){alert(output)},"1000");}
  152. 		});
  153. transit.search(spoi, point);
  154.   }
  155.  
  156.  
  157.  
  158. //=================单击地图监听事件==========================\
  159. map.addEventListener("click", function(e){ 
  160.  get_address(e);
  161.  // alert(get_address(e));
  162.  
  163. });
  164.  
  165. //=================移动地图监听事件==========================\
  166. newmarker.addEventListener("dragend", function(e){ 
  167.  
  168. });
  169.  
  170. script>

 

 

  2. <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3">script>
  3. <script type="text/javascript">
  4.  
  5. var local="广汉市";		// 定义本地地址；
  6. var lng="104.290493"; //经度
  7. var lat="30.981528"; //纬度
  8. var spoi  = new BMap.Point(lng,lat); //经纬度
  9. var map = new BMap.Map("map");  //创建地图实例
  10. var point = new BMap.Point(lng,lat); //创建点坐标
  11. map.centerAndZoom(point,15);          //初始化地图，设置中心点坐标和地图级别
  12. map.enableScrollWheelZoom();        //启用滚轮放大缩小地图
  13.  
  14. var map = new BMap.Map("map");
  15. var point = new BMap.Point(104.290493,30.981528);
  16. map.centerAndZoom(point,15);
  17. map.enableScrollWheelZoom();
  18. creat("m4043",104.290493,30.981528,"2012年4月30日","汉口路28号","151038432334");
  19.  
  20.  
  21.  var infoWindow; 
  22.  
  23. //根据传过来的信息，添加覆盖物
  24. function creat(id,lng,lat,time,address,phone){
  25.  
  26. 	
  27. 			
  28. var message	= ""+
  29. 	   "
    30. "+
  30.        "
    31. "+
  31. 	   "
    32. "+
  32.    	   "
    33. "+
  33.        "
    34. "+
  34.        "
    35. "+
  35.        "
    36. "+
  36.        "
    37. "+
  37.    	   "
    38. "+
  38.        "
    39. "+
  39.        "
    40. "+
  40.        "
    41. "+
  41.    	   "
    42. "+
  42.        "
    43. "+
  43.    	   "
    44. "+
  44.        "
    45. "+
  45.        "
    46. "+   
  46.        "
    47. "+
  47.     "
    48. 呼救时间
    "+time+"
    事故地址
    "+address+"
    呼救电话
    "+phone+"
    分派    细节    编辑
    跟踪      打印派车单
    "    ;
  48. 			
  49. 			
  50. var myIcon = new BMap.Icon("./markers/white.png",new BMap.Size(28, 37));
  51.  
  52. 			
  53. 			
  54. id = new BMap.Marker(new BMap.Point(lng,lat),{icon: myIcon});  // 创建标注
  55. map.addOverlay(id);          // 将标注添加到地图中
  56. id.addEventListener("click", function(e){ 
  57.       this.openInfoWindow(infoWindow); 
  58. });
  59. //id.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
  60.  infoWindow = new BMap.InfoWindow(message);  // 创建信息窗口对象
  61.  
  62. }
  63.  
  64. //点击列表，传一个point值，显示信息框
  65. function click_list(point){
  66. map.openInfoWindow(infoWindow,point); 
  67. }
  68.  
  69. script>


 


 

注：本文转载自blog.csdn.net的你猜我猜你猜不猜的文章"http://blog.csdn.net/zuowensheng/article/details/7800308"。版权归原作者所有，此博客不拥有其著作权，亦不承担相应法律责任。如有侵权，请联系我们删除。
复制链接
相关推荐
发表评论

评论记录：

未查询到任何数据！