【百度地图API】如何制作可拖拽的沿道路测距

摘要：

地图测距，大家都会，不就map.getDistance麼。可是，这只能测任意两点的直线距离，用途不够实际啊。比如，我想测试北京天安门到北京后海的距离，怎么办呢？

显然“沿道路测距”就显得尤为重要了。那么如果制作“可拖拽”的沿道路测距呢？我们一起来看一看。

---------------------------------------------------------------------------------------

一、创建地图

只需要三步，即可创建一张地图。示例：http://dev.baidu.com/wiki/static/map/API/examples/index.html 

//初始化地图
var map =new BMap.Map("container");
var point =new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);

　　

二、创建两个可拖拽的标注

先创建点，再把标注创建在该点上。最后添加标注在地图上。

让标注可拖拽的方法是：

然后确定这两个标注可以拖拽。

【百度地图API】如何制作可拖拽的沿道路测距_第1张图片

代码如下：

复制代码 
//创建两个可以拖动的标注
var p1 =new BMap.Point(116.388398,39.897445);
var p2 =new BMap.Point(116.331398,39.836445);
var m1 =new BMap.Marker(p1);
var m2 =new BMap.Marker(p2);
map.addOverlay(m1);
map.addOverlay(m2);
m1.enableDragging();    //标注可拖拽的设置
m2.enableDragging();
复制代码

　　

三、沿道路测距

【百度地图API】如何制作可拖拽的沿道路测距_第2张图片

创建驾车导航，在回调函数里设置距离的输出。

写个函数用来打开测距功能。

注意：起点和终点，要从改变位置后的marker里取。类参考如下：

代码如下：

复制代码 
//驾车导航用来计算沿道路的距离
var searchComplete =function (results){
    if (transit.getStatus() != BMAP_STATUS_SUCCESS){
        return ;    }  
        var plan = results.getPlan(0);
        output ="<b style='color:red;'>"+ plan.getDistance(true) +"</b>";             //获取距离
}
var transit =new BMap.DrivingRoute(map, {renderOptions: {map: map},
    onSearchComplete: searchComplete,
    onPolylinesSet: function(){        
        setTimeout(function(){document.getElementById("myDistance").innerHTML = output;},"100");    //打印总路程
    }});

//测距按钮
function myFigure(){
    transit.search(m1.getPosition(), m2.getPosition());         //两个红色标注之间的沿道路测距
}
复制代码

　　

四、清除结果

为了下一次的测距，我们需要清除这一次的导航结果，和测距结果。

代码如下：

//重新测距的按钮
function myClear(){
    transit.clearResults();         //清除导航结果
    document.getElementById("myDistance").innerHTML ="";   //清除总路程的文字
}

　　

五、网页结构

需要写两个安妮，一个用来计算距离，另一个用来清除数据。

还有一个展示测距结果的容器。

复制代码 
<input type="button" value="重新开始" onclick="myClear();"/>
<input type="button" value="计算距离" onclick="myFigure();"/>
<p>总路程是：<span id="myDistance"></span></p>
<div style="width:520px;height:340px;border:1px solid gray" id="container"></div>
<p>使用说明：</p>
<ol>
    <li>红色标注可拖拽</li>
    <li>点击“计算距离”按钮，开始测距。结果用红色文字标出</li>
    <li>点击“重新开始”按钮，清除测距结果</li>
</ol>
复制代码

　　

六、全部源代码

复制代码 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>可拖拽的沿道路测距</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
</head>
<body>
<input type="button" value="重新开始" onclick="myClear();"/>
<input type="button" value="计算距离" onclick="myFigure();"/>
<p>总路程是：<span id="myDistance"></span></p>
<div style="width:520px;height:340px;border:1px solid gray" id="container"></div>
<p>使用说明：</p>
<ol>
    <li>红色标注可拖拽</li>
    <li>点击“计算距离”按钮，开始测距。结果用红色文字标出</li>
    <li>点击“重新开始”按钮，清除测距结果</li>
</ol>
</body>
</html>
<script type="text/javascript">
//初始化地图
var map =new BMap.Map("container");
var point =new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);

//创建两个可以拖动的标注
var p1 =new BMap.Point(116.388398,39.897445);
var p2 =new BMap.Point(116.331398,39.836445);
var m1 =new BMap.Marker(p1);
var m2 =new BMap.Marker(p2);
map.addOverlay(m1);
map.addOverlay(m2);
m1.enableDragging();    //标注可拖拽的设置
m2.enableDragging();


//驾车导航用来计算沿道路的距离
var searchComplete =function (results){
    if (transit.getStatus() != BMAP_STATUS_SUCCESS){
        return ;    }  
        var plan = results.getPlan(0);
        output ="<b style='color:red;'>"+ plan.getDistance(true) +"</b>";             //获取距离
}
var transit =new BMap.DrivingRoute(map, {renderOptions: {map: map},
    onSearchComplete: searchComplete,
    onPolylinesSet: function(){        
        setTimeout(function(){document.getElementById("myDistance").innerHTML = output;},"100");    //打印总路程
    }});

//测距按钮
function myFigure(){
    transit.search(m1.getPosition(), m2.getPosition());         //两个红色标注之间的沿道路测距
}

//重新测距的按钮
function myClear(){
    transit.clearResults();         //清除导航结果
    document.getElementById("myDistance").innerHTML ="";   //清除总路程的文字
}
</script>
复制代码

　　

七、测两点的直线距离

百度地图API的官网上，有一个lib，是测试直线距离的。所以，这里就不多说了。

链接：http://dev.baidu.com/wiki/map/index.php?title=lib/DistanceTool

【百度地图API】如何制作可拖拽的沿道路测距_第3张图片

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

  • 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此时加载出来的百度地图就能操作了！
  • 如何用ruby来写hadoop的mapreduce并生成jar包 wudixiaotie mapreduce
    ruby来写hadoop的mapreduce，我用的方法是rubydoop。怎么配置环境呢： 1.安装rvm：     不说了 网上有 2.安装ruby：     由于我以前是做ruby的，所以习惯性的先安装了ruby，起码调试起来比jruby快多了。 3.安装jruby：     rvm install jruby然后等待安
  • java编程思想 -- 访问控制权限 百合不是茶 java访问控制权限单例模式
    访问权限是java中一个比较中要的知识点,它规定者什么方法可以访问,什么不可以访问   一:包访问权限;   自定义包: package com.wj.control; //包 public class Demo { //定义一个无参的方法 public void DemoPackage(){ System.out.println("调用
  • [生物与医学]请审慎食用小龙虾 comsci 生物
         现在的餐馆里面出售的小龙虾,有一些是在野外捕捉的,这些小龙虾身体里面可能带有某些病毒和细菌,人食用以后可能会导致一些疾病,严重的甚至会死亡.....      所以,参加聚餐的时候,最好不要点小龙虾...就吃养殖的猪肉,牛肉,羊肉和鱼,等动物蛋白质     
  • org.apache.jasper.JasperException: Unable to compile class for JSP: 商人shang maven2.2jdk1.8
    环境： jdk1.8    maven  tomcat7-maven-plugin  2.0 原因： tomcat7-maven-plugin  2.0 不知吃 jdk 1.8，换成 tomcat7-maven-plugin  2.2就行，即     <plugin>
  • 你的垃圾你处理掉了吗?GC oloz GC
    前序:本人菜鸟，此文研究学习来自网络，各位牛牛多指教　 1.垃圾收集算法的核心思想 　　Java语言建立了垃圾收集机制，用以跟踪正在使用的对象和发现并回收不再使用(引用)的对象。该机制可以有效防范动态内存分配中可能发生的两个危险：因内存垃圾过多而引发的内存耗尽，以及不恰当的内存释放所造成的内存非法引用。 　　垃圾收集算法的核心思想是：对虚拟机可用内存空间，即堆空间中的对象进行识别
  • shiro 和 SESSSION 杨白白 shiro
    shiro 在web项目里默认使用的是web容器提供的session，也就是说shiro使用的session是web容器产生的，并不是自己产生的，在用于非web环境时可用其他来源代替。在web工程启动的时候它就和容器绑定在了一起，这是通过web.xml里面的shiroFilter实现的。通过session.getSession()方法会在浏览器cokkice产生JESSIONID，当关闭浏览器，此
  • 移动互联网终端 淘宝客如何实现盈利 小桔子 移動客戶端淘客淘寶App
           2012年淘宝联盟平台为站长和淘宝客带来的分成收入突破30亿元，同比增长100%。而来自移动端的分成达1亿元，其中美丽说、蘑菇街、果库、口袋购物等App运营商分成近5000万元。 可以看出，虽然目前阶段PC端对于淘客而言仍旧是盈利的大头，但移动端已经呈现出爆发之势。而且这个势头将随着智能终端(手机，平板)的加速普及而更加迅猛
  • wordpress小工具制作 aichenglong wordpress小工具
    wordpress 使用侧边栏的小工具，很方便调整页面结构 小工具的制作过程 1 在自己的主题文件中新建一个文件夹(如widget)，在文件夹中创建一个php(AWP_posts-category.php) 小工具是一个类,想侧边栏一样，还得使用代码注册，他才可以再后台使用，基本的代码一层不变 <?php class AWP_Post_Category extends WP_Wi
  • JS微信分享 AILIKES js
    // 所有功能必须包含在 WeixinApi.ready 中进行    WeixinApi.ready(function(Api) {        // 微信分享的数据            var wxData = {       &nb
  • 封装探讨 百合不是茶 JAVA面向对象 封装
    //封装   属性 方法 将某些东西包装在一起，通过创建对象或使用静态的方法来调用，称为封装；封装其实就是有选择性地公开或隐藏某些信息，它解决了数据的安全性问题，增加代码的可读性和可维护性   在 Aname类中申明三个属性，将其封装在一个类中：通过对象来调用   例如   1： //属性 将其设为私有 姓名 name 可以公开
  • jquery radio/checkbox change事件不能触发的问题 bijian1013 JavaScriptjquery
    我想让radio来控制当前我选择的是机动车还是特种车，如下所示：  <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"><
  • AngularJS中安全性措施 bijian1013 JavaScriptAngularJS安全性XSRFJSON漏洞
            在使用web应用中，安全性是应该首要考虑的一个问题。AngularJS提供了一些辅助机制，用来防护来自两个常见攻击方向的网络攻击。 一.JSON漏洞         当使用一个GET请求获取JSON数组信息的时候（尤其是当这一信息非常敏感，
  • [Maven学习笔记九]Maven发布web项目 bit1129 maven
    基于Maven的web项目的标准项目结构 user-project     user-core     user-service     user-web        src      
  • 【Hive七】Hive用户自定义聚合函数(UDAF) bit1129 hive
    用户自定义聚合函数，用户提供的多个入参通过聚合计算(求和、求最大值、求最小值)得到一个聚合计算结果的函数。 问题：UDF也可以提供输入多个参数然后输出一个结果的运算，比如加法运算add(3，5)，add这个UDF需要实现UDF的evaluate方法,那么UDF和UDAF的实质分别究竟是什么？   Double evaluate(Double a, Double b)  
  • 通过 nginx-lua 给 Nginx 增加 OAuth 支持 ronin47
    前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGeek 在过去几年中取得了发展，我们已经积累了不少针对各种任务的不同管理接口。我们通常为新的展示需求创建新模块，比如我们自己的博客、图表等。我们还定期开发内部工具来处理诸如部署、可视化操作及事件处理等事务。在处理这些事务中，我们使用了几个不同的接口来认证： &n
  • 利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法 bsr1983 session
    在利用tomcat-redis-session-manager做session同步时，遇到了在session保存一个自定义对象时，修改该对象中的某个属性，session未进行序列化，属性没有被存储到redis中。 在 tomcat-redis-session-manager的github上有如下说明： Session Change Tracking As noted in the &qu
  • 《代码大全》表驱动法-Table Driven Approach-1 bylijinnan java算法
    关于Table Driven Approach的一篇非常好的文章： http://www.codeproject.com/Articles/42732/Table-driven-Approach package com.ljn.base; import java.util.Random; public class TableDriven { public
  • Sybase封锁原理 chicony Sybase
           昨天在操作Sybase IQ12.7时意外操作造成了数据库表锁定，不能删除被锁定表数据也不能往其中写入数据。由于着急往该表抽入数据，因此立马着手解决该表的解锁问题。     无奈此前没有接触过Sybase IQ12.7这套数据库产品，加之当时已属于下班时间无法求助于支持人员支持，因此只有借助搜索引擎强大的
  • java异常处理机制 CrazyMizzz java
    java异常关键字有以下几个，分别为 try catch final throw throws 他们的定义分别为 try：    Opening exception-handling statement. catch：  Captures the exception. finally： Runs its code before terminating
  • hive 数据插入DML语法汇总 daizj hiveDML数据插入
    Hive的数据插入DML语法汇总1、Loading files into tables语法：1) LOAD DATA [LOCAL] INPATH 'filepath' [OVERWRITE] INTO TABLE tablename [PARTITION (partcol1=val1, partcol2=val2 ...)]解释：1)、上面命令执行环境为hive客户端环境下： hive>l
  • 工厂设计模式 dcj3sjt126com 设计模式
      使用设计模式是促进最佳实践和良好设计的好办法。设计模式可以提供针对常见的编程问题的灵活的解决方案。 工厂模式 工厂模式（Factory）允许你在代码执行时实例化对象。它之所以被称为工厂模式是因为它负责“生产”对象。工厂方法的参数是你要生成的对象对应的类名称。 Example #1 调用工厂方法（带参数） <?phpclass Example{ 
  • mysql字符串查找函数 dcj3sjt126com mysql
      FIND_IN_SET(str,strlist) 假如字符串str 在由N 子链组成的字符串列表strlist 中，则返回值的范围在1到 N 之间。一个字符串列表就是一个由一些被‘,’符号分开的自链组成的字符串。如果第一个参数是一个常数字符串，而第二个是type SET列，则   FIND_IN_SET() 函数被优化，使用比特计算。如果str不在strlist 或st
  • jvm内存管理 easterfly jvm
    一、JVM堆内存的划分 分为年轻代和年老代。年轻代又分为三部分：一个eden,两个survivor。 工作过程是这样的：e区空间满了后，执行minor gc，存活下来的对象放入s0, 对s0仍会进行minor gc，存活下来的的对象放入s1中，对s1同样执行minor gc，依旧存活的对象就放入年老代中； 年老代满了之后会执行major gc，这个是stop the word模式，执行
  • CentOS-6.3安装配置JDK-8 gengzg centos
    JAVA_HOME=/usr/java/jdk1.8.0_45 JRE_HOME=/usr/java/jdk1.8.0_45/jre PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib export JAVA_HOME
  • 【转】关于web路径的获取方法 huangyc1210 Web路径
    假定你的web application 名称为news,你在浏览器中输入请求路径：  http://localhost:8080/news/main/list.jsp  则执行下面向行代码后打印出如下结果：  1、 System.out.println(request.getContextPath()); //可返回站点的根路径。也就是项
  • php里获取第一个中文首字母并排序 远去的渡口 数据结构PHP
    很久没来更新博客了，还是觉得工作需要多总结的好。今天来更新一个自己认为比较有成就的问题吧。 最近在做储值结算，需求里结算首页需要按门店的首字母A-Z排序。我的数据结构原本是这样的： Array ( [0] => Array ( [sid] => 2885842 [recetcstoredpay] =&g
  • java内部类 hm4123660 java内部类匿名内部类成员内部类方法内部类
         　在Java中，可以将一个类定义在另一个类里面或者一个方法里面，这样的类称为内部类。内部类仍然是一个独立的类，在编译之后内部类会被编译成独立的.class文件，但是前面冠以外部类的类名和$符号。内部类可以间接解决多继承问题,可以使用内部类继承一个类，外部类继承一个类，实现多继承。      &nb
  • Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten zhb8015
    maven pom.xml关于hibernate的配置和异常信息如下，查了好多资料，问题还是没有解决。只知道是包冲突，就是不知道是哪个包....遇到这个问题的分享下是怎么解决的。。   maven pom:   <dependency> <groupId>org.hibernate</groupId> <ar
  • Spark 性能相关参数配置详解－任务调度篇 Stark_Summer sparkcachecpu任务调度yarn
    随着Spark的逐渐成熟完善, 越来越多的可配置参数被添加到Spark中来, 本文试图通过阐述这其中部分参数的工作原理和配置思路, 和大家一起探讨一下如何根据实际场合对Spark进行配置优化。   由于篇幅较长，所以在这里分篇组织，如果要看最新完整的网页版内容，可以戳这里：http://spark-config.readthedocs.org/，主要是便
  • css3滤镜 wangkeheng htmlcss
    经常看到一些网站的底部有一些灰色的图标，鼠标移入的时候会变亮，开始以为是js操作src或者bg呢，搜索了一下，发现了一个更好的方法：通过css3的滤镜方法。 html代码： <a href='' class='icon'><img src='utv.jpg' /></a> css代码： .icon{-webkit-filter: graysc
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他