在网页中插入百度地图(实例)

 

步骤

 

如何在网页中插入百度地图呢?

2.切换城市，搜索需标注位置。（如下图

方法/步骤

    1. 1.进入:http://api.map.baidu.com/lbsapi/creatmap/（创建地图-百度地图API所见即所得工具，百度官方地址，大家放心使用）

    2. 切换城市，搜索需标注位置。（如下图：）

    3. 设置地图：大家可以对网站显示地图的宽高进行设置，其余选项不动。

    4. 添加标注：点击第一个图标后，在右侧找到自己的位置，单击鼠标左键可定位。标记图标处可更换图标形状，名称和备注填入位置相关信息。（如下图：）

      在网页中插入百度地图(实例)

    5. 完成以上4步后，点获取代码。

      在网页中插入百度地图(实例)

    6. 获取代码如下：（注意：通常我们在网页中只要插入以下代码，小虫标注出来，其余的可不用。）

      1.在<head></head>间插入下面代码：这是样式和JS脚本。
      <!--引用百度地图API-->
      <style type="text/css">
         html,body{margin:0;padding:0;}
         .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
         .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
      </style>
      <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

      2.在<body></body>间需要显示地图的位置放入以下代码：（该代码调用地图）

       <!--百度地图容器-->
       <div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>

      3.以下代码放在页面最底端（其实可放在页面任意位置。）
      <script type="text/javascript">
         //创建和初始化地图函数：
         function initMap(){
             createMap();//创建地图
             setMapEvent();//设置地图事件
             addMapControl();//向地图添加控件
             addMarker();//向地图中添加marker
         }
         
         //创建地图函数：
         function createMap(){
             var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
             var point = new BMap.Point(115.949652,28.693851);//定义一个中心点坐标
             map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
             window.map = map;//将map变量存储在全局
         }
         
         //地图事件设置函数：
         function setMapEvent(){
             map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
             map.enableScrollWheelZoom();//启用地图滚轮放大缩小
             map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
             map.enableKeyboard();//启用键盘上下左右键移动地图
         }
         
         //地图控件添加函数：
         function addMapControl(){
             //向地图中添加缩放控件
      var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
      map.addControl(ctrl_nav);
             //向地图中添加缩略图控件
      var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
      map.addControl(ctrl_ove);
             //向地图中添加比例尺控件
      var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
      map.addControl(ctrl_sca);
         }
         
         //标注点数组
         var markerArr = [{title:"百恒网络",content:"电话：0791-88117053<br/>手 机：15079002975",point:"115.950312|28.693447",isOpen:1,icon: {w:23,h:25,l:46,t:21,x:9,lb:12}}
        ];
         //创建marker
         function addMarker(){
             for(var i=0;i<markerArr.length;i++){
                 var json = markerArr[i];
                 var p0 = json.point.split("|")[0];
                 var p1 = json.point.split("|")[1];
                 var point = new BMap.Point(p0,p1);
        var iconImg = createIcon(json.icon);
                 var marker = new BMap.Marker(point,{icon:iconImg});
        var iw = createInfoWindow(i);
        var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
        marker.setLabel(label);
                 map.addOverlay(marker);
                 label.setStyle({
                             borderColor:"#808080",
                             color:"#333",
                             cursor:"pointer"
                 });
       
        (function(){
         var index = i;
         var _iw = createInfoWindow(i);
         var _marker = marker;
         _marker.addEventListener("click",function(){
             this.openInfoWindow(_iw);
            });
            _iw.addEventListener("open",function(){
             _marker.getLabel().hide();
            })
            _iw.addEventListener("close",function(){
             _marker.getLabel().show();
            })
         label.addEventListener("click",function(){
             _marker.openInfoWindow(_iw);
            })
         if(!!json.isOpen){
          label.hide();
          _marker.openInfoWindow(_iw);
         }
        })()
             }
         }
         //创建InfoWindow
         function createInfoWindow(i){
             var json = markerArr[i];
             var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
             return iw;
         }
         //创建一个Icon
         function createIcon(json){
             var icon = new BMap.Icon("http://map.baidu.com/image/us_cursor.gif", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
             return icon;
         }
         
         initMap();//创建和初始化地图
      </script>

         当然，如果你想偷懒，将以上对应代码全放在<body></body>间也是没问题的，呵呵。

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

  • 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此时加载出来的百度地图就能操作了！
  • ios内付费 374016526 ios内付费
    近年来写了很多IOS的程序，内付费也用到不少，使用IOS的内付费实现起来比较麻烦，这里我写了一个简单的内付费包，希望对大家有帮助。   具体使用如下: 这里的sender其实就是调用者，这里主要是为了回调使用。 [KuroStoreApi kuroStoreProductId:@"产品ID" storeSender:self storeFinishCallBa
  • 20 款优秀的 Linux 终端仿真器 brotherlamp linuxlinux视频linux资料linux自学linux教程
      终端仿真器是一款用其它显示架构重现可视终端的计算机程序。换句话说就是终端仿真器能使哑终端看似像一台连接上了服务器的客户机。终端仿真器允许最终用户用文本用户界面和命令行来访问控制台和应用程序。（LCTT 译注：终端仿真器原意指对大型机-哑终端方式的模拟，不过在当今的 Linux 环境中，常指通过远程或本地方式连接的伪终端，俗称“终端”。） 你能从开源世界中找到大量的终端仿真器，它们
  • Solr Deep Paging(solr 深分页) eksliang solr深分页solr分页性能问题
    转载请出自出处：http://eksliang.iteye.com/blog/2148370 作者：eksliang(ickes) blg:http://eksliang.iteye.com/ 概述 长期以来，我们一直有一个深分页问题。如果直接跳到很靠后的页数，查询速度会比较慢。这是因为Solr的需要为查询从开始遍历所有数据。直到Solr的4.7这个问题一直没有一个很好的解决方案。直到solr
  • 数据库面试题 18289753290 面试题 数据库
    1.union ,union all 网络搜索出的最佳答案： union和union all的区别是,union会自动压缩多个结果集合中的重复结果，而union all则将所有的结果全部显示出来，不管是不是重复。 Union：对两个结果集进行并集操作，不包括重复行，同时进行默认规则的排序； Union All：对两个结果集进行并集操作，包括重复行，不进行排序； 2.索引有哪些分类？作用是
  • Android TV屏幕适配 酷的飞上天空 android
    先说下现在市面上TV分辨率的大概情况 两种分辨率为主 1.720标清，分辨率为1280x720. 屏幕尺寸以32寸为主，部分电视为42寸 2.1080p全高清，分辨率为1920x1080 屏幕尺寸以42寸为主，此分辨率电视屏幕从32寸到50寸都有   适配遇到问题，已1080p尺寸为例： 分辨率固定不变，屏幕尺寸变化较大。 如：效果图尺寸为1920x1080，如果使用d
  • Timer定时器与ActionListener联合应用 永夜-极光 java
    功能:在控制台每秒输出一次   代码: package Main; import javax.swing.Timer; import java.awt.event.*; public class T { private static int count = 0; public static void main(String[] args){
  • Ubuntu14.04系统Tab键不能自动补全问题解决 随便小屋 Ubuntu 14.04
    Unbuntu 14.4安装之后就在终端中使用Tab键不能自动补全，解决办法如下：   1、利用vi编辑器打开/etc/bash.bashrc文件（需要root权限） sudo vi /etc/bash.bashrc  接下来会提示输入密码 2、找到文件中的下列代码 #enable bash completion in interactive shells #if
  • 学会人际关系三招 轻松走职场 aijuans 职场
    要想成功，仅有专业能力是不够的，处理好与老板、同事及下属的人际关系也是门大学问。如何才能在职场如鱼得水、游刃有余呢？在此，教您简单实用的三个窍门。 　　第一，多汇报 最近，管理学又提出了一个新名词“追随力”。它告诉我们，做下属最关键的就是要多请示汇报，让上司随时了解你的工作进度，有了新想法也要及时建议。不知不觉，你就有了“追随力”，上司会越来越了解和信任你。 　　第二，勤沟通 团队的力
  • 《O2O：移动互联网时代的商业革命》读书笔记 aoyouzi 读书笔记
    移动互联网的未来：碎片化内容+碎片化渠道=各式精准、互动的新型社会化营销。   O2O：Online to OffLine 线上线下活动 O2O就是在移动互联网时代，生活消费领域通过线上和线下互动的一种新型商业模式。   手机二维码本质：O2O商务行为从线下现实世界到线上虚拟世界的入口。   线上虚拟世界创造的本意是打破信息鸿沟，让不同地域、不同需求的人
  • js实现图片随鼠标滚动的效果 百合不是茶 JavaScript滚动属性的获取图片滚动属性获取页面加载
    1,获取样式属性值 top 与顶部的距离 left 与左边的距离 right 与右边的距离 bottom 与下边的距离 zIndex 层叠层次     例子:获取左边的宽度,当css写在body标签中时 <div id="adver" style="position:absolute;top:50px;left:1000p
  • ajax同步异步参数async bijian1013 jqueryAjaxasync
            开发项目开发过程中，需要将ajax的返回值赋到全局变量中，然后在该页面其他地方引用，因为ajax异步的原因一直无法成功，需将async:false，使其变成同步的。         格式： $.ajax({ type: 'POST', ur
  • Webx3框架（1） Bill_chen eclipsespringmaven框架ibatis
    Webx是淘宝开发的一套Web开发框架，Webx3是其第三个升级版本；采用Eclipse的开发环境，现在支持java开发； 采用turbine原型的MVC框架，扩展了Spring容器，利用Maven进行项目的构建管理，灵活的ibatis持久层支持，总的来说，还是一套很不错的Web框架。 Webx3遵循turbine风格，velocity的模板被分为layout/screen/control三部
  • 【MongoDB学习笔记五】MongoDB概述 bit1129 mongodb
    MongoDB是面向文档的NoSQL数据库，尽量业界还对MongoDB存在一些质疑的声音，比如性能尤其是查询性能、数据一致性的支持没有想象的那么好，但是MongoDB用户群确实已经够多。MongoDB的亮点不在于它的性能，而是它处理非结构化数据的能力以及内置对分布式的支持(复制、分片达到的高可用、高可伸缩)，同时它提供的近似于SQL的查询能力，也是在做NoSQL技术选型时，考虑的一个重要因素。Mo
  • spring/hibernate/struts2常见异常总结 白糖_ Hibernate
    Spring ①ClassNotFoundException: org.aspectj.weaver.reflect.ReflectionWorld$ReflectionWorldException 缺少aspectjweaver.jar，该jar包常用于spring aop中   ②java.lang.ClassNotFoundException: org.sprin
  • jquery easyui表单重置(reset)扩展思路 bozch formjquery easyuireset
    在jquery easyui表单中 尚未提供表单重置的功能，这就需要自己对其进行扩展。 扩展的时候要考虑的控件有： combo,combobox,combogrid,combotree,datebox,datetimebox 需要对其添加reset方法，reset方法就是把初始化的值赋值给当前的组件，这就需要在组件的初始化时将值保存下来。 在所有的reset方法添加完毕之后，就需要对fo
  • 编程之美-烙饼排序 bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; /* *《编程之美》的思路是：搜索+剪枝。有点像是写下棋程序：当前情况下，把所有可能的下一步都做一遍；在这每一遍操作里面，计算出如果按这一步走的话，能不能赢（得出最优结果）。 *《编程之美》上代码有很多错误，且每个变量的含义令人费解。因此我按我的理解写了以下代码： */
  • Struts1.X 源码分析之ActionForm赋值原理 chenbowen00 struts
    struts1在处理请求参数之前，首先会根据配置文件action节点的name属性创建对应的ActionForm。如果配置了name属性，却找不到对应的ActionForm类也不会报错，只是不会处理本次请求的请求参数。 如果找到了对应的ActionForm类，则先判断是否已经存在ActionForm的实例，如果不存在则创建实例，并将其存放在对应的作用域中。作用域由配置文件action节点的s
  • [空天防御与经济]在获得充足的外部资源之前,太空投资需有限度 comsci 资源
          这里有一个常识性的问题:       地球的资源,人类的资金是有限的,而太空是无限的.....       就算全人类联合起来,要在太空中修建大型空间站,也不一定能够成功,因为资源和资金,技术有客观的限制.... &
  • ORACLE临时表—ON COMMIT PRESERVE ROWS daizj oracle临时表
    ORACLE临时表 转 临时表：像普通表一样，有结构，但是对数据的管理上不一样，临时表存储事务或会话的中间结果集，临时表中保存的数据只对当前 会话可见，所有会话都看不到其他会话的数据，即使其他会话提交了，也看不到。临时表不存在并发行为，因为他们对于当前会话都是独立的。 创建临时表时，ORACLE只创建了表的结构（在数据字典中定义），并没有初始化内存空间，当某一会话使用临时表时，ORALCE会
  • 基于Nginx XSendfile+SpringMVC进行文件下载 denger 应用服务器Webnginx网络应用lighttpd
        在平常我们实现文件下载通常是通过普通 read-write方式，如下代码所示。 @RequestMapping("/courseware/{id}") public void download(@PathVariable("id") String courseID, HttpServletResp
  • scanf接受char类型的字符 dcj3sjt126com c
    /* 2013年3月11日22:35:54 目的：学习char只接受一个字符 */ # include <stdio.h> int main(void) { int i; char ch; scanf("%d", &i); printf("i = %d\n", i); scanf("%
  • 学编程的价值 dcj3sjt126com 编程
    发一个人会编程, 想想以后可以教儿女, 是多么美好的事啊, 不管儿女将来从事什么样的职业, 教一教, 对他思维的开拓大有帮助   像这位朋友学习:   http://blog.sina.com.cn/s/articlelist_2584320772_0_1.html   VirtualGS教程 (By @林泰前): 几十年的老程序员，资深的
  • 二维数组（矩阵）对角线输出 飞天奔月 二维数组
    今天在BBS里面看到这样的面试题目,   1，二维数组（N*N），沿对角线方向，从右上角打印到左下角如N=4： 4*4二维数组  { 1 2 3 4 } { 5 6 7 8 } { 9 10 11 12 } {13 14 15 16 } 打印顺序  4 3 8 2 7 12 1 6 11 16 5 10 15 9 14 13 要
  • Ehcache（08）——可阻塞的Cache——BlockingCache 234390216 并发ehcacheBlockingCache阻塞
    可阻塞的Cache—BlockingCache          在上一节我们提到了显示使用Ehcache锁的问题，其实我们还可以隐式的来使用Ehcache的锁，那就是通过BlockingCache。BlockingCache是Ehcache的一个封装类，可以让我们对Ehcache进行并发操作。其内部的锁机制是使用的net.
  • mysqldiff对数据库间进行差异比较 jackyrong mysqld
      mysqldiff该工具是官方mysql-utilities工具集的一个脚本，可以用来对比不同数据库之间的表结构，或者同个数据库间的表结构    如果在windows下，直接下载mysql-utilities安装就可以了，然后运行后，会跑到命令行下： 1） 基本用法    mysqldiff --server1=admin:12345
  • spring data jpa 方法中可用的关键字 lawrence.li javaspring
    spring data jpa 支持以方法名进行查询/删除/统计。 查询的关键字为find 删除的关键字为delete/remove (>=1.7.x) 统计的关键字为count (>=1.7.x)   修改需要使用@Modifying注解 @Modifying @Query("update User u set u.firstna
  • Spring的ModelAndView类 nicegege spring
    项目中controller的方法跳转的到ModelAndView类，一直很好奇spring怎么实现的？ /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version 2.0 (the "License"); * yo
  • 搭建 CentOS 6 服务器(13) - rsync、Amanda rensanning centos
    （一）rsync Server端 # yum install rsync # vi /etc/xinetd.d/rsync service rsync { disable = no flags = IPv6 socket_type = stream wait
  • Learn Nodejs 02 toknowme nodejs
    （1）npm是什么 npm is the package manager for node 官方网站：https://www.npmjs.com/ npm上有很多优秀的nodejs包，来解决常见的一些问题，比如用node-mysql，就可以方便通过nodejs链接到mysql，进行数据库的操作 在开发过程往往会需要用到其他的包，使用npm就可以下载这些包来供程序调用 &nb
  • Spring MVC 拦截器 xp9802 spring mvc
    Controller层的拦截器继承于HandlerInterceptorAdapter HandlerInterceptorAdapter.java  1  public   abstract   class  HandlerInterceptorAdapter  implements  HandlerIntercep
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他