xiyang_1990
xiyang_1990

百度地图使用教程(Javascript版)

准备：

百度地图在线文档：http://developer.baidu.com/map/reference/

百度地图在线实例：http://developer.baidu.com/map/jsdemo.htm


1.百度地图实例化

   需要在页面引入百度地图API
  

Java代码   收藏代码
  1. <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>  

 

然后在Body添加一个Div，用于显示地图，Div大小可自定义

 

Html代码   收藏代码
  1. <div id="allmap" style="width: 1000px;height: 1000px;" ></div>  

 

之后编写初始化代码

   

Js代码   收藏代码
  1. var map = new BMap.Map("allmap");                // 创建Map实例  
  2. var point = new BMap.Point(116.404, 39.915);      // 创建点坐标  
  3. map.centerAndZoom(point,15);                       // 初始化地图,设置中心点坐标和地图级别。  
  4. map.enableScrollWheelZoom();                       //启用滚轮放大缩小  

 

    2.百度地图位置搜索

   

Js代码   收藏代码
  1. var map = new BMap.Map("allmap");  //实例化百度地图  
  2. var address = "海淀区国家图书馆";      //详细地址  
  3. var lableName = "国家图书馆";        //建筑名称  
  4. var city = "北京";                 //城市  
  5.   
  6. var myGeo = new BMap.Geocoder();   //地址解析器  
  7. /** 
  8.  * 根据地址获得位置坐标，然后实例化百度地图 
  9.  */  
  10. myGeo.getPoint(address, function(point){      
  11.       
  12.   if(point){                
  13.       map.enableScrollWheelZoom();          //启用滚轮放大缩小        
  14.       map.centerAndZoom(point,15);          //初始化地图,设置中心点坐标和地图级别。  
  15.       map.addControl(new BMap.NavigationControl());  //添加平移缩放控件  
  16.       map.addControl(new BMap.OverviewMapControl());  //添加地图缩略图控件        
  17.        //创建标注（类似定位小红旗）  
  18.        var marker = new BMap.Marker(point);   
  19.        //标注提示文本  
  20.        var label = new BMap.Label(lableName,{"offset":new BMap.Size(20,-20)});         
  21.        marker.setLabel(label); //添加提示文本    
  22.        //创建消息框  
  23.        var infoWindow = new BMap.InfoWindow(address);    
  24.        //绑定标注单击事件，设置显示的消息框  
  25.        marker.addEventListener("click",function(){this.openInfoWindow(infoWindow);});  
  26.        map.addOverlay(marker);  //把标注添加到地图  
  27.   }  
  28. }, city);  

    页面效果：


      百度地图使用教程(Javascript版)_第1张图片
 

3.公交线路查询

   

Html代码   收藏代码
  1. <html>  
  2. <head>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  4. <title>百度地图公交查询</title>  
  5. <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>  
  6. <script type="text/javascript">  
  7.   
  8. var map = null;  //实例化百度地图  
  9. var address = "海淀区国家图书馆";      //详细地址  
  10. var lableName = "国家图书馆";        //建筑名称  
  11. var city = "北京";                 //城市  
  12.   
  13. var myGeo = new BMap.Geocoder();   //地址解析器  
  14.   
  15. function initMap(){  
  16.     /**  
  17.      * 根据地址获得位置坐标，然后实例化百度地图  
  18.      */  
  19.     myGeo.getPoint(address, function(point){      
  20.           
  21.       if(point){  
  22.           map = new BMap.Map("allmap");  //实例化百度地图  
  23.           map.enableScrollWheelZoom();          //启用滚轮放大缩小        
  24.           map.centerAndZoom(point,15);          //初始化地图,设置中心点坐标和地图级别。  
  25.           map.addControl(new BMap.NavigationControl());  //添加平移缩放控件  
  26.           map.addControl(new BMap.OverviewMapControl());  //添加地图缩略图控件        
  27.            //创建标注（类似定位小红旗）  
  28.            var marker = new BMap.Marker(point);   
  29.            //标注提示文本  
  30.            var label = new BMap.Label(lableName,{"offset":new BMap.Size(20,-20)});         
  31.            marker.setLabel(label); //添加提示文本    
  32.            //创建消息框  
  33.            var infoWindow = new BMap.InfoWindow(address);    
  34.            //绑定标注单击事件，设置显示的消息框  
  35.            marker.addEventListener("click",function(){this.openInfoWindow(infoWindow);});  
  36.            map.addOverlay(marker);  //把标注添加到地图  
  37.       }  
  38.     }, city);  
  39. }  
  40.   
  41.   
  42.   
  43. //查询公交  
  44. function findPath(){  
  45.  var b = document.getElementById("begin").value;  //起始位置  
  46.  var e = document.getElementById("end").value;    //结束位置  
  47.     //初始化公共公交查询系统  
  48.     var transit = new BMap.TransitRoute(map,{  
  49.       renderOptions:{  
  50.           map:map,  
  51.           panel:'panel'  
  52.         }  
  53.      });  
  54.   
  55.     transit.search(b,e);  //查询  
  56. }  
  57.   
  58. window.onload= initMap();   //初始化百度地图  
  59. </script>  
  60. </head>  
  61. <body>  
  62.   <div id="allmap" style="width: 500px;height: 500px;" ></div><br>  
  63.   <input id="begin" type="text"  />到<input id="end" type="text" />&nbsp;&nbsp;&nbsp;<input value="查询" onclick="findPath()"  type="button" />  
  64.   <br>  
  65.   <div id="panel" ></div>  
  66. </body>  
  67. </html>  

    页面效果：

    
    
 

    5.搜索附近信息

   

Html代码   收藏代码
  1. <html>  
  2. <head>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  4. <title>Insert title here</title>  
  5. <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>  
  6. <script type="text/javascript">  
  7.   
  8. var map = null;  //实例化百度地图  
  9. var address = "海淀区国家图书馆";      //详细地址  
  10. var lableName = "国家图书馆";        //建筑名称  
  11. var city = "北京";                 //城市  
  12.   
  13. var myGeo = new BMap.Geocoder();   //地址解析器  
  14.   
  15. function initMap(){  
  16.     /**  
  17.      * 根据地址获得位置坐标，然后实例化百度地图  
  18.      */  
  19.     myGeo.getPoint(address, function(point){      
  20.       if(point){  
  21.           map = new BMap.Map("allmap");  //实例化百度地图  
  22.           map.enableScrollWheelZoom();          //启用滚轮放大缩小        
  23.           map.centerAndZoom(point,15);          //初始化地图,设置中心点坐标和地图级别。  
  24.           map.addControl(new BMap.NavigationControl());  //添加平移缩放控件  
  25.           map.addControl(new BMap.OverviewMapControl());  //添加地图缩略图控件        
  26.            //创建标注（类似定位小红旗）  
  27.            var marker = new BMap.Marker(point);   
  28.            map.addOverlay(marker);  //把标注添加到地图  
  29.              
  30.            initPanel(point);  //调用搜索  
  31.       }  
  32.     }, city);  
  33. }  
  34.   
  35. //右侧信息面板初始化  
  36. function initPanel(point){  
  37.       //创建圆形范围  
  38.       var circle = new BMap.Circle(point,1000,{  
  39.             strokeWeight: 1 ,  
  40.             fillOpacity: 0.3,   
  41.             strokeOpacity: 0.3  
  42.           });  
  43.         map.addOverlay(circle);  //显示到地图  
  44.         //创建搜索范围，根据搜索关键词分类  
  45.         var local =  new BMap.LocalSearch(map, {renderOptions: {autoViewport: false},onSearchComplete:function(){  
  46.              
  47.             var res = local.getResults();   //返回值  
  48.             var str = ""; //内容  
  49.             var id = ""; //显示的位置  
  50.               
  51.             //根据查询关键词判断  
  52.             if(res.keyword == "公交车"){  
  53.                var busStopArr = new Array();  //车站数组  
  54.                var busNameArr = new Array();  //公交车名称数组  
  55.                id = "busList";  
  56.                  
  57.                //把信息存储到数组  
  58.                for(var i=0;i<res.getNumPois();i++){  
  59.                   var r = res.getPoi(i);  
  60.                   if(r == undefined){  
  61.                    break;  
  62.                   }else{  
  63.                      var arr = r.address.split(";");  
  64.                      busStopArr.push(r.title.replace(/[ ]/g,""));  
  65.                      for(var j=0;j<arr.length;j++){  
  66.                        busNameArr.push(arr[j].replace(/[ ]/g,""));  
  67.                      }  
  68.                   }  
  69.                }  
  70.                //去掉重复的车站信息  
  71.                for(var i=0;i<busStopArr.length;i++){  
  72.                       for(var j=i+1;j<busStopArr.length;j++){  
  73.                          if(busStopArr[i] == busStopArr[j]){  
  74.                              busStopArr.splice(j,1);  
  75.                                j--;  
  76.                          }  
  77.                       }  
  78.                   }  
  79.                //去掉重复的公交车名称  
  80.                for(var i=0;i<busNameArr.length;i++){  
  81.                       for(var j=i+1;j<busNameArr.length;j++){  
  82.                          if(busNameArr[i] == busNameArr[j]){  
  83.                              busNameArr.splice(j,1);  
  84.                                j--;  
  85.                          }  
  86.                       }  
  87.                   }  
  88.                  
  89.                //整理结果  
  90.                strstr=str+"<li>公交站:";  
  91.                for(var i=0;i<busStopArr.length;i++){  
  92.                   strstr=str+' '+busStopArr[i];    
  93.                }  
  94.                strstr=str+"</li>";  
  95.                strstr=str+"<li>公交线路：";  
  96.                for(var j=0;j<busNameArr.length;j++){  
  97.                    strstr=str+' '+busNameArr[j];  
  98.                }  
  99.                strstr=str+"</li>";  
  100.             }  
  101.             //查询地铁信息  
  102.             if(res.keyword == "地铁"){  
  103.               var arr = new Array();  
  104.                id = "metroList";    
  105.                for(var i=0;i<res.getNumPois();i++){  
  106.                   var r = res.getPoi(i);  
  107.                   if(r == undefined){  
  108.                    break;  
  109.                   }else{  
  110.                       //截取信息，存储到数组  
  111.                       if(r.title.substring(0,(r.title.indexOf('站')+1)) != ''){  
  112.                         arr.push({title:r.title.substring(0, (r.title.indexOf('站 ')+1)),mm:Math.round(map.getDistance(point,r.point))});  
  113.                       }   
  114.                           
  115.                   }  
  116.                }  
  117.                   //去掉重复的地铁站信息  
  118.                   for(var i=0;i<arr.length;i++){  
  119.                       for(var j=i+1;j<arr.length;j++){  
  120.                          if(arr[i].title == arr[j].title){  
  121.                                arr.splice(j,1);  
  122.                                j--;  
  123.                          }  
  124.                       }  
  125.                   }  
  126.                     
  127.                   //整理结果  
  128.                   for(var k=0;k<arr.length;k++){  
  129.                     strstr=str+'<li><span class="gj_lx" >'+arr[k].title+" ";  
  130.                            
  131.                     strstr=str+'<span class="lan" >&nbsp;</span>';  
  132.   
  133.                     strstr = str+'</span><span class="gj_m" >'+arr[k].mm+'米</span></li>';  
  134.                         
  135.                   }  
  136.                     
  137.                     
  138.             }  
  139.             document.getElementById(id).innerHTML = str;      
  140.           
  141.         }});    
  142.           
  143.         //获得搜索范围  
  144.         var bounds = getSquareBounds(circle.getCenter(),circle.getRadius());  
  145.           
  146.         //开始搜索  
  147.         local.searchInBounds("公交车",bounds);   
  148.         local.searchInBounds("地铁",bounds);  
  149.    }  
  150.   
  151.   
  152.   //封装好处理圆形范围的算法  
  153.   function getSquareBounds(centerPoi,r){  
  154.       var a = Math.sqrt(2) * r;  
  155.       var getMecator = map.getMapType().getProjection().lngLatToPoint;  
  156.       var getPoi = map.getMapType().getProjection().pointToLngLat;  
  157.   
  158.       mPoi = getMecator(centerPoi);  
  159.       var x0 = mPoi.x, y0 = mPoi.y;  
  160.      
  161.       var x1 = x0 + a / 2 , y1 = y0 + a / 2;  
  162.       var x2 = x0 - a / 2 , y2 = y0 - a / 2;  
  163.         
  164.       var ne = getPoi(new BMap.Pixel(x1, y1)), sw = getPoi(new BMap.Pixel(x2, y2));  
  165.       return new BMap.Bounds(sw, ne);          
  166.         
  167.   }  
  168.   
  169. window.onload= initMap();   //初始化百度地图  
  170. </script>  
  171. </head>  
  172. <body style="float: left;margin-left: 10px;" >  
  173.   <div id="allmap" style="width: 500px;height: 500px;" ></div>  
  174. <h3>公交车</h3>  
  175. <ul id="busList" ></ul><br>  
  176. <h3>地铁</h3>  
  177. <ul id="metroList" ></ul>     
  178. </body>  
  179. </html>  

 

     结果：

    

 
 

　　　

 

 

  • 查看图片附件

你可能感兴趣的:(百度地图)

  • 500吨“翔”要来了，我们投“翔”么？ 蜗牛哒嗒
    AD：打开支付宝首页搜索“7857987”立即领取红包事件起因：小区直线距离不到500米的地方要建一个大型垃圾站了，每天能处理500吨的垃圾！！！以后的日子里……不能淡定了。。。公示摘要：项目：罗泾中转站改扩建项目（宝山区生物能源再利用项目）地点：宝山区宝山工业园区潘川路1510号用地面积：8316.63平方米公示网站：宝山区人民政府门户网站看到这个公示的规划设计图，再去百度地图上搜了一看，那距离
  • 百度地图当前位置 变化回调方法（oc） fighterboy
    -(void)didUpdateUserHeading:(BMKUserLocation*)userLocation{[_mapViewupdateLocationData:userLocation];NSLog(@"headingis%@",userLocation.heading);}
  • 百度地图SDK Android版开发 9 覆盖物示例3批量点、海量点、点聚合 程序喵D 百度地图Android开发android百度地图
    百度地图SDKAndroid版开发9覆盖物示例3批量点、海量点、点聚合前言相关的类和接口批量添加和删除海量点BaiduMap类BaiduMap.OnMultiPointClickListener接口MultiPointOption海量点选项MultiPointItem海量点单个点对象点聚合示例界面布局MapMarks类常量成员变量初始化创建覆盖物批量点海量点点聚合移除覆盖物设置属性加载地图和移除地
  • 使用百度地图绘制热力图（BMapGL） .ლ. BMapGL/mapvglvue.js前端
    首先要引入百度地图的js、api；（小萌新使用百度地图的时候记得要先申请密钥哦）然后在public下面的index中要先引入相关的js；接下来就可以开始绘制地图啦importBMapGLfrom"BMapGL";import*asmapvglfrom"mapvgl";import{BmlHeatmap}from"vue-baidu-map";//引人exportdefault{components
  • 计算机毕业设计hadoop+spark知识图谱房源推荐系统 房价预测系统 房源数据分析 房源可视化 房源大数据大屏 大数据毕业设计 机器学习 计算机毕业设计大全
    创新点：1.支付宝沙箱支付2.支付邮箱通知(JavaMail)3.短信验证码修改密码4.知识图谱5.四种推荐算法(协同过滤基于用户、物品、SVD混合神经网络、MLP深度学习模型)6.线性回归算法预测房价7.Python爬虫采集链家数据8.AI短信识别9.百度地图API10.lstm情感分析11.spark大屏可视化开发技术：springbootvue.jspythonechartssparkmys
  • 国庆婚期行 BigBoss_df98
    婚假7天，过得飞快，回忆起来，甜蜜不少。day1上午从单位离开，到了惠州的家，简单买了一些必备生活用品，打扫了下卫生，玩了2把游戏。晚上到平潭机场接女票，等了2小时，终于等到女票，短高跟，吊带裤，红T恤，黑直刘海，闪烁着大眼睛，一边打电话与爸妈报平安一边出来，许久未见，不知所言，只能拥抱。day2早上逛西湖，西湖宾馆吃了早茶，沿着百度地图找到了神舟租车，租了辆科鲁兹，去影院看《碟中谍6》，稍事休息
  • 实现百度地图选点寻址（根据经纬度而非名称） Cloud_99b0
    目标;假定给某一目标点比如成都天府广场，用户点击地图上某点，实现给出路径；开发环境：百度地图api+html+js实现步骤：新建地图展示天府广场的位置标记点（目的点）添加事件监听用户点击地图添加标记点就是出发点规划出发点到目的点路线并显示注意：点击下一个出发点时要清理之前的显示路径和点代码：检索的核心是;DrivingRoute驾车导航类和search检索方法进一步请查看百度地图开发文档。若要步行
  • GCJ-02火星坐标系和WGS-84坐标系转换关系 PrinciplesMan 前端python计算机视觉开发语言
    WGS-84：GPS坐标系GCJ-02：火星坐标系，国测局02年发布的坐标体系，高德，腾讯等使用。BD-09：百度坐标系，百度自研，百度地图使用。GCJ-02转WGS-84公式#-*-coding:utf-8-*-importjsonimportmathx_pi=3.14159265358979324*3000.0/180.0pi=3.1415926535897932384626#πa=63782
  • 计算机毕业设计hadoop+spark知识图谱美食推荐系统 美食价格预测 美团推荐系统 美团爬虫 大众点评爬虫 美食数据分析 美食可视化大屏 大数据毕设 计算机毕业设计大全
    创新点：1.支付宝沙箱支付2.支付邮箱通知(JavaMail)3.短信验证码修改密码4.知识图谱5.四种推荐算法(协同过滤基于用户、物品、SVD混合神经网络、MLP深度学习模型)6.线性回归算法预测房价7.Python爬虫采集大众点评美食数据8.AI短信识别9.百度地图API10.lstm情感分析11.spark大屏可视化开发技术：springbootvue.jspythonechartsspar
  • 百度地图SDK Android版开发 1 配置 程序喵D 百度地图Android开发androidjava
    百度地图SDKAndroid版开发1配置前言步骤1创建工程步骤2配置地图开发包拷贝开发包配置jniLibs目录配置依赖配置开发密钥(AK)地图权限配置地图初始化步骤3显示地图布局文件地图Activity步骤4运行效果前言本文主要介绍如何使用百度地图SDK开发Android地图应用。准备工作：申请百度地图移动版开发密钥(AK)入口注册和获取密钥教程下载地图开发包入口本文下载基础地图版本BaiduLB
  • 百度地图SDK Android版开发 3 地图图层 程序喵D 百度地图Android开发androidjava
    百度地图SDKAndroid版开发3地图图层前言百度地图图层地图底图地图底图类型普通地图卫星图空白地图地图类图层类型常量接口实时路况接口百度城市热力图接口示例代码地图风格类界面布局控件响应事件运行效果图前言本文主要介绍百度地图图层相关的功能和接口，以及使用方法。百度地图图层地图底图地图底图类型百度地图SDK提供了3种类型的地图资源：普通矢量地图。卫星图。空白地图。普通地图基础的道路地图。显示道路、
  • Android中引用百度地图sdk aabbcc又一年 android百度定位
    1.在百度那里注册成为开发者，创建对应的应用，填写包名，sha1,最后得到AK。2.下载sdk，解压得到jar包，和各个平台的so库。3.由于我是组件化开发，将jar包和各个平台的so库目录复制到common的libs目录下，右击jar包，addaslibrary。common的build.gradle就多此jar的引用。//这里是common模块，使用api，而不是implementationa
  • Android 应用集成百度地图定位SDK Just_Paranoid Androidandroid百度地图SDK
    在当今的移动互联网时代，位置服务已经成为了众多应用不可或缺的功能之一。无论是社交应用中的位置分享，还是服务类应用中的位置导航，都离不开精准的定位技术。为了满足这一需求，越来越多的开发者选择集成第三方的定位SDK。其中，百度定位SDK凭借其高精度和丰富的功能。集成百度定位功能到你的Android应用中是一个相对直接的过程，但需要遵循几个关键步骤。参考官方文档：https://lbsyun.baidu
  • 基于百度地图和百度路书的行车轨迹回放(含途经点的多次导航) LBB1011 技术百度
    目录先来看看我做了个啥我为什么要这件事我用到的工具正式开始创建一张空地图设置我的起点、终点、途经点为上面几个关键点打上标签绘制折线绘制折线的方法第一个难点加一辆小车在路上跑添加路书第二个难点源码在这里先来看看我做了个啥点击查看动态效果我为什么要这件事因为我本人家在农村工作地点在南京，为了能看到孩子所以我基本每周都会回去。为了顺路能节省点油钱，所以经常在QQ、微信各大拼车群里顺风车带几个人。但是问题
  • 百度地图的使用(js，vue2，vue3) Nancy哇 地图百度javascript开发语言vue前端cssvue.js
    百度地图的使用创建应用获取密钥akak是在百度地图开发者平台申请的密钥详见http://lbsyun.baidu.com/apiconsole/key一、原生js使用百度地图引入初始化地图varmap=newBMapGL.Map("container");//创建地图实例varpoint=newBMapGL.Point(116.404,39.928);//创建点坐标map.centerAndZoo
  • 【vue baidu-map】实现百度地图展示基地，鼠标悬浮标注点展示详细信息 米老鼠的摩托车日记 vue2vue.js百度javascript
    实现效果如下：自用代码记录视频箭头视频监控名称：{{item.name}}-->-->企业名称:{{current}}testt-->-->{{key}}({{value}})//varecharts=require('echarts')import{getPlantBases}from'@/api/table'import{getUserEquipments,getPageList}from'@
  • 热门免费API集锦：提升开发效率的推荐清单 API小百科_APISpace
    百度地图：百度地图提供了Android,iOS版本的SDK和JavaScriptAPI，可进行定位、地图、数据、出行、鹰眼轨迹和分析服务。高德地图：高德地图提供了JavaScript和web服务API，Android和iOSSDK，支持地图，定位，搜索，路线规划，导航和室内地图等。腾讯地图：腾讯地图提供了JavaScriptAPI，Android和iOSSDK，支持定位，地图，地点搜索，路线和导航
  • vue + echarts + 百度地图 画地图散点图 电脑有点热 vueechartsvueecharts
    更新：升级echarts5.0.1版本后，之前的操作引入百度地图发现地图并没有绘制，需要在文件引入MP的地方新增一句import'echarts/extension/bmap.js'-------------------------------------------分割线---------------------------------创建画图区域创建js文件引入百度地图js文件,baidu-m
  • 梦想照进现实：走进黑玛亚花园 晓霞_e8e2
    早晨伴着阳光，吹着微风来到了蛇口，这个我在百度地图上观望了已久的位置。图片发自App图片发自App天空很蓝，心情很雀跃，每一步每一眼，都让我无比舒畅。图片发自App终于跟着导航来到了黑玛亚花园的路口。临近的有很多小巧精致的小店。图片发自App图片发自App我站在对面，看着橱窗，梦想在这一刻落地了。图片发自App精致的杯子，芳香的红茶，还有精美的水果盘。图片发自App我在公众号、官网在百度图片观摩了
  • 百度地图与腾讯地图经纬度互转 sir.山 js百度地图腾讯地图经纬度经纬度互转
    /**百度地图---->腾讯地图@paramdouble$lat纬度@paramdouble$lng经度@returnarray();*/functionbdMap_to_txMap(lat,lng){pi=3.14159265358979324*3000.0/180.0;x=lng-0.0065;y=lat-0.006;varz=Math.sqrt(x*x+y*y)-0.00002*Math.s
  • AnyGo分享，支持通过Mac修改IOS定位 stpFrog macosanygo
    软件操作1、iphone连接到mac2、启动软件，点击开始，选择IOS3、选择设备后，按提示开启手机的调试模式，按提示输入电脑密码，信任，手机信任，确保手机处于解锁亮屏状态。4、地图选点选点，然后点移动，可以点收藏，下次直接收藏里面go5、手机上百度地图打开看看自己的定位是不是在选取的点上。软件分享链接:https://pan.baidu.com/s/1UM1xrDChGDgkB7JPS3fC2A
  • 百度地图接口 | 实现校验收货地址是否超出配送范围 逐梦苍穹 java百度
    目录1.环境准备2.代码开发2.1application.yml2.2OrderServiceImpl作者介绍：双非本科大三网络工程专业在读，阿里云专家博主，专注于Java领域学习，擅长web应用开发、数据结构和算法，初步涉猎Python人工智能开发和前端开发。主页：@逐梦苍穹您的一键三连，是我创作的最大动力1.环境准备百度地图接口一般来说在外卖项目中的功能是，校验收货地址是否超出配送范围注册账号
  • 让你上班不再迟到--百度地图实时路况服务 带发条的桔子
    生活中难免会遇到上下班高峰期堵车的情况，过去遇到这种情况只能干等，甚至因此错过一些重要事情。现在百度地图推出了实时路况服务，对于不熟悉道路情况的人就可以通过此方法来给自己规划一条适合的路线，以达到省时省油的目的。实时路况查询服务（又名TrafficAPI）是一类WebAPI接口服务，开发者可利用该服务查询指定道路或区域的实时拥堵情况和拥堵趋势，可应用于智能音箱、智能车载设备、交通出行类应用中，实现
  • 解决全能电子地图下载器在win10下不能生成注册码安装的问题 Ande_1
    解决全能电子地图下载器在win10下不能生成注册码安装的问题导言：全能电子地图下载器破解版是一款功能强大的全球卫星地图下载工具，它只要帮助用户从谷歌地图、高德地图、腾讯地图、雅虎地图、必应地图、诺基亚地图、百度地图、天地图等网络地图中下载瓦片地图，并且支持将下载后的地图无缝拼接成一张较大的地图，并且提供了名称查询定位，坐标查询定位，全球地图浏览等多种查看方式，让你能够快速找到目标；如果你比较喜欢旅
  • 在vue中使用百度地图API：区域显示3D棱柱、地点标注、信息提示 KIKIo_ 前端vue.js百度3d
    文章目录1、在vue中引入百度地图的script2、生成想要的地图样式3、生成地图4、创建3d棱柱5、设置标记点和提示框6、代码总结1、在vue中引入百度地图的script在public/index中引入ak的获取1、先进入百度地图api的网页，点击控制台2、创建自己的应用，就可以获得AK2、生成想要的地图样式1、点击这里的超链接自定义地图样式编辑器或者按照如下步骤2、点击新建就可以创建地图，按照
  • 在Vue中使用百度地图 KIKIo_ 前端vue.jsjavascript前端
    在index.html页面在map.vue页面import{ref,onMounted}from'vue'importdetailSectionfrom'@/components/detail-section/detail-section.vue'//传入的经纬度constprops=defineProps({position:{type:Object,default:()=>({})}})con
  • day1-闯入 Linux运维世界 Faith丶信仰 运维
    1.解释我们正在使用哪些互联网行业的软件，移动端？PC端？移动端软件和服务：如微信、微博、抖音等如淘宝、京东、拼多多等如支付宝、微信支付等如高德地图、百度地图等如滴滴出行、Uber等PC端软件和服务：办公软件：如MicrosoftOffice（包括Word、Excel、PowerPoint等）浏览器：如Chrome、Firefox、Safari等邮箱客户端：如Outlook、Foxmail等图像处
  • 百度地图开发 南崽
    使用方法1.注册百度账号申请成为百度开发者获取服务密钥(ak)使用相关服务功能ak申请JavaScriptAPI只支持浏览器类型的ak，请开发者在申请ak时注意选择异步加载JavaScriptAPIGLv1.0支持异步加载，可以在引用脚本的时候添加callback参数，当脚本加载完成后callback函数会被立刻调用异步加载functioninitialize(){varmp=newBMapGL.
  • 2018年02月27日早晨6:25 杨慕澄
    图片发自App2017年11月11号，在这一天我遇见了小澄澄同学的，在离公司两站地，百度地图距离7.8公里的地方，不曾想这天以后我有了一个以后每一天都在挂念的女孩，让每天的工作下班休息的空闲时间都想要问问她在干嘛，吃了什么饭，读了什么书……在距离家乡九百多公里的地方工作和读书的感觉是不一样的，似乎每个月都有那么几天会觉得很崩溃，想逃避现实，遇见她以后每个月工作上的生理期似乎都会轻易的度过，夜班晚上
  • https站点引用百度地图api 邮差在行动
    按文档引用了百度地图API文件，前台显示了，但无法操作，浏览器控制台报如下错误：consoleerror因为我的站点是用是https，而引用的是http的百度地图api，这样是不行的，要改为：也就是要改2个地方：http要加surl最后要加&s=1此时加载出来的百度地图就能操作了！
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他