hewusheng10
hewusheng10

百度地图JSAPI的图层功能Demo

地址： http://blog.csdn.net/BaiduLBS/article/details/8569756

2012CSDN博客之星火热出炉！       2013年全国百所高校巡讲讲师招募

        百度地图JSAPI的图层功能Demo       

分类：            JavaScript API 2013-02-04 18:26 74人阅读 评论(0) 收藏 举报
百度地图JSAPI 图层控制

      在实际开发中大家经常会有图层的需求，比如地图上有餐馆、超市、KTV等marker点，但是用户希望通过图层控制只显示餐馆所在的图层，隐藏其他marker点。目前百度地图JSAPI没有类似点、线、面图层等的接口，但是可以通过数组处理达到类似的效果。以下结合一个简单的例子介绍下如何使用：

      1. 示例背景:

       在地图上添加10个点，其中，4个火车站，6个公园。地图初始化时显示全部10个点，通过下拉框选择显示火车站图层还是公园图层。

      2 . 示例实现步骤：

      1) 首先利用地图快速生成器生成带有以上10个标注（火车站+公园）的地图，效果如下图：

百度地图JSAPI的图层功能Demo_第1张图片

      2) 复制出源代码，如下：

[html] view plain copy print ?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  5. <meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" /> 
  6. <meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" /> 
  7. <title>百度地图API自定义地图</title> 
  8. <!--引用百度地图API--> 
  9. <style type="text/css"> 
  10.     html,body{margin:0;padding:0;} 
  11. .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
  12.     .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} 
  13. </style> 
  14. <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script> 
  15. </head> 
  16.  
  17. <body> 
  18.   <!--百度地图容器--> 
  19.   <div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div> 
  20. </body> 
  21. <script type="text/javascript"> 
  22.     //创建和初始化地图函数： 
  23.     function initMap(){ 
  24.         createMap();//创建地图 
  25.         setMapEvent();//设置地图事件 
  26.         addMapControl();//向地图添加控件 
  27.         addMarker();//向地图中添加marker 
  28.     } 
  29.      
  30.     //创建地图函数： 
  31.     function createMap(){ 
  32.         var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 
  33.         var point = new BMap.Point(111.043397,36.595088);//定义一个中心点坐标 
  34.         map.centerAndZoom(point,6);//设定地图的中心点和坐标并将地图显示在地图容器中 
  35.         window.map = map;//将map变量存储在全局 
  36.     } 
  37.      
  38.     //地图事件设置函数： 
  39.     function setMapEvent(){ 
  40.         map.enableDragging();//启用地图拖拽事件，默认启用(可不写) 
  41.         map.enableScrollWheelZoom();//启用地图滚轮放大缩小 
  42.         map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写) 
  43.         map.enableKeyboard();//启用键盘上下左右键移动地图 
  44.     } 
  45.      
  46.     //地图控件添加函数： 
  47.     function addMapControl(){ 
  48.         //向地图中添加缩放控件 
  49.     var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE}); 
  50.     map.addControl(ctrl_nav); 
  51.         //向地图中添加缩略图控件 
  52.     var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1}); 
  53.     map.addControl(ctrl_ove); 
  54.         //向地图中添加比例尺控件 
  55.     var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}); 
  56.     map.addControl(ctrl_sca); 
  57.     } 
  58.      
  59.     //标注点数组 
  60.     var markerArr = [{title:"station",content:"我的备注",point:"116.35885|39.949901",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}} 
  61.          ,{title:"station",content:"我的备注",point:"116.32723|39.901209",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}} 
  62.          ,{title:"station",content:"我的备注",point:"116.385297|39.871091",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}} 
  63.          ,{title:"station",content:"我的备注",point:"116.437039|39.913607",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}} 
  64.          ,{title:"park",content:"我的备注",point:"116.422666|39.960521",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12}} 
  65.          ,{title:"park",content:"我的备注",point:"116.418067|39.885709",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12}} 
  66.          ,{title:"park",content:"我的备注",point:"116.36|39.8383",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12}} 
  67.          ,{title:"park",content:"我的备注",point:"116.487632|39.945919",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12}} 
  68.          ,{title:"park",content:"我的备注",point:"116.2775|39.999001",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12}} 
  69.          ,{title:"park",content:"我的备注",point:"116.316235|40.013757",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12}} 
  70.          ]; 
  71.     //创建marker 
  72.     function addMarker(){ 
  73.         for(var i=0;i<markerArr.length;i++){ 
  74.             var json = markerArr[i]; 
  75.             var p0 = json.point.split("|")[0]; 
  76.             var p1 = json.point.split("|")[1]; 
  77.             var point = new BMap.Point(p0,p1); 
  78.             var iconImg = createIcon(json.icon); 
  79.             var marker = new BMap.Marker(point,{icon:iconImg}); 
  80.             var iw = createInfoWindow(i); 
  81.             var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)}); 
  82.             marker.setLabel(label); 
  83.             map.addOverlay(marker); 
  84.             label.setStyle({ 
  85.                         borderColor:"#808080", 
  86.                         color:"#333", 
  87.                         cursor:"pointer" 
  88.             }); 
  89.              
  90.             (function(){ 
  91.                 var index = i; 
  92.                 var _iw = createInfoWindow(i); 
  93.                 var _marker = marker; 
  94.                 _marker.addEventListener("click",function(){ 
  95.                     this.openInfoWindow(_iw); 
  96.                 }); 
  97.                 _iw.addEventListener("open",function(){ 
  98.                     _marker.getLabel().hide(); 
  99.                 }) 
  100.                 _iw.addEventListener("close",function(){ 
  101.                     _marker.getLabel().show(); 
  102.                 }) 
  103.                 label.addEventListener("click",function(){ 
  104.                     _marker.openInfoWindow(_iw); 
  105.                 }) 
  106.                 if(!!json.isOpen){ 
  107.                     label.hide(); 
  108.                     _marker.openInfoWindow(_iw); 
  109.                 } 
  110.             })() 
  111.         } 
  112.     } 
  113.     //创建InfoWindow 
  114.     function createInfoWindow(i){ 
  115.         var json = markerArr[i]; 
  116.         var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>"); 
  117.         return iw; 
  118.     } 
  119.     //创建一个Icon 
  120.     function createIcon(json){ 
  121.         var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", 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)}) 
  122.         return icon; 
  123.     } 
  124.      
  125.     initMap();//创建和初始化地图 
  126. </script> 
  127. </html> 

     3) 给markerArr数组里的数据添加type属性，用来标示是火车站图层还是公园图层。代码如下：

[html] view plain copy print ?
  1. {title:"北京北站",content:"我的备注",point:"116.35885|39.949901",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5},type:"station"} 

    4）定义一个Layer类，表示图层，该类有两个属性，data和IsShow，第一个属性代表图层数据；第二个属性表示图层是否显示。

[html] view plain copy print ?
  1. function Layer() //定义图层类，data存储图层数据，isShow是否显示图层 
  2. { 
  3. this.data =new Array() ; 
  4. this.IsShow=true ; 
  5. } 

    5）实例化两个图层，parkLayer(公园图层)和stationLayer（车站图层）。

[html] view plain copy print ?
  1. var parkLayer=new Layer();//公园图层 
  2. var stationLayer=new Layer();//火车站图层 

   6）在addMarker方法内部添加如下代码，将数据存储到相应的图层里：

[html] view plain copy print ?
  1. if(json.type=="station") 
  2. { 
  3.     stationLayer.data.push(marker); 
  4. } 
  5. else if(json.type=="park") 
  6. { 
  7.     parkLayer.data.push(marker); 
  8. } 

  7）在百度地图div控件下方添加下拉框，并设置改变下拉选项方法：

[html] view plain copy print ?
  1. <select  id="s1" name="oneclass" onchange=chooseLayer()> 
  2.     <option selected="selected" >--请选择--</option> 
  3.     <option >车站</option> 
  4.     <option >公园</option> 
  5.   </select> 

   8）实现chooseLayer方法，具体来讲，当下拉框选中火车站图层时，显示火车站图层，隐藏公园图层；反之亦然。

[html] view plain copy print ?
  1. function showLayer(parkLayer,stationLayer) 
  2. { 
  3. if(parkLayer.IsShow==true) 
  4.   { 
  5.       for (var i=0;i<parkLayer.data.length ;i++ ) 
  6.       { 
  7.           parkLayer.data[i].hide(); 
  8.       } 
  9.     parkLayer.IsShow=false 
  10.    } 
  11. if(stationLayer.IsShow==false) 
  12.   { 
  13.     for (var i=0;i<stationLayer.data.length ;i++ ) 
  14.     { 
  15.       stationLayer.data[i].show(); 
  16.     } 
  17.     stationLayer.IsShow=true; 
  18.    } 
  19. } 
  20. function chooseLayer()  
  21. { 
  22.   var index = document.getElementById('s1').selectedIndex;  
  23. if(index==1){ 
  24.     showLayer(parkLayer,stationLayer); 
  25. }else if(index==2){ 
  26.     showLayer(stationLayer,parkLayer); 
  27. } 
  28. } 

   9) Done!

完整示例代码：

[html] view plain copy print ?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  5. <meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" /> 
  6. <meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" /> 
  7. <title>百度地图API自定义地图</title> 
  8. <!--引用百度地图API--> 
  9. <style type="text/css"> 
  10.     html,body{margin:0;padding:0;} 
  11.     .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} 
  12.     .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} 
  13. </style> 
  14. <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script> 
  15. </head> 
  16.  
  17. <body> 
  18.   <!--百度地图容器--> 
  19.   <div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div> 
  20.   <select  id="s1" name="oneclass" onchange=chooseLayer()> 
  21.     <option selected="selected" >--请选择--</option> 
  22.     <option >车站</option> 
  23.     <option >公园</option> 
  24.   </select> 
  25. </body> 
  26. <script type="text/javascript"> 
  27. function Layer() //定义图层类，data存储图层数据，isShow是否显示图层 
  28. { 
  29. this.data =new Array() ; 
  30. this.IsShow=true ; 
  31. } 
  32. var parkLayer=new Layer();//公园图层 
  33. var stationLayer=new Layer();//火车站图层 
  34. function showLayer(parkLayer,stationLayer) 
  35. { 
  36. if(parkLayer.IsShow==true) 
  37.   { 
  38.       for (var i=0;i<parkLayer.data.length ;i++ ) 
  39.       { 
  40.           parkLayer.data[i].hide(); 
  41.       } 
  42.     parkLayer.IsShow=false 
  43.    } 
  44. if(stationLayer.IsShow==false) 
  45.   { 
  46.     for (var i=0;i<stationLayer.data.length ;i++ ) 
  47.     { 
  48.       stationLayer.data[i].show(); 
  49.     } 
  50.     stationLayer.IsShow=true; 
  51.    } 
  52. } 
  53. function chooseLayer()  
  54. { 
  55.   var index = document.getElementById('s1').selectedIndex;  
  56. if(index==1){ 
  57.     showLayer(parkLayer,stationLayer); 
  58. }else if(index==2){ 
  59.     showLayer(stationLayer,parkLayer); 
  60. } 
  61. } 
  62.     //创建和初始化地图函数： 
  63.     function initMap(){ 
  64.         createMap();//创建地图 
  65.         setMapEvent();//设置地图事件 
  66.         addMapControl();//向地图添加控件 
  67.         addMarker();//向地图中添加marker 
  68.     } 
  69.      
  70.     //创建地图函数： 
  71.     function createMap(){ 
  72.         var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 
  73.         var point = new BMap.Point(116.417851,39.924619);//定义一个中心点坐标 
  74.         map.centerAndZoom(point,12);//设定地图的中心点和坐标并将地图显示在地图容器中 
  75.         window.map = map;//将map变量存储在全局 
  76.     } 
  77.      
  78.     //地图事件设置函数： 
  79.     function setMapEvent(){ 
  80.         map.enableDragging();//启用地图拖拽事件，默认启用(可不写) 
  81.         map.enableScrollWheelZoom();//启用地图滚轮放大缩小 
  82.         map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写) 
  83.         map.enableKeyboard();//启用键盘上下左右键移动地图 
  84.     } 
  85.      
  86.     //地图控件添加函数： 
  87.     function addMapControl(){ 
  88.         //向地图中添加缩放控件 
  89.     var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE}); 
  90.     map.addControl(ctrl_nav); 
  91.         //向地图中添加缩略图控件 
  92.     var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:0}); 
  93.     map.addControl(ctrl_ove); 
  94.         //向地图中添加比例尺控件 
  95.     var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}); 
  96.     map.addControl(ctrl_sca); 
  97.     } 
  98.      
  99.     //标注点数组 
  100.     var markerArr = [{title:"北京北站",content:"我的备注",point:"116.35885|39.949901",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5},type:"station"} 
  101.          ,{title:"北京西站",content:"我的备注",point:"116.32723|39.901209",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5},type:"station"} 
  102.          ,{title:"北京站",content:"我的备注",point:"116.437039|39.913607",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5},type:"station"} 
  103.          ,{title:"地坛公园",content:"我的备注",point:"116.422666|39.960521",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12},type:"park"} 
  104.          ,{title:"天坛公园",content:"我的备注",point:"116.418067|39.885709",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12},type:"park"} 
  105.          ,{title:"世界花卉大观园",content:"我的备注",point:"116.36|39.8383",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12},type:"park"} 
  106.          ,{title:"朝阳公园",content:"我的备注",point:"116.487632|39.945919",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12},type:"park"} 
  107.          ,{title:"颐和园",content:"我的备注",point:"116.2775|39.999001",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12},type:"park"} 
  108.          ,{title:"圆明园",content:"我的备注",point:"116.316235|40.013757",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12},type:"park"} 
  109.          ,{title:"北京南站",content:"我的备注",point:"116.385656|39.869706",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5},type:"station"} 
  110.          ]; 
  111.     //创建marker 
  112.     function addMarker(){ 
  113.         for(var i=0;i<markerArr.length;i++){ 
  114.             var json = markerArr[i]; 
  115.             var p0 = json.point.split("|")[0]; 
  116.             var p1 = json.point.split("|")[1]; 
  117.             var point = new BMap.Point(p0,p1); 
  118.             var iconImg = createIcon(json.icon); 
  119.             var marker = new BMap.Marker(point,{icon:iconImg}); 
  120.             var iw = createInfoWindow(i); 
  121.             var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)}); 
  122.             marker.setLabel(label); 
  123.             map.addOverlay(marker); 
  124.             if(json.type=="station") 
  125.             { 
  126.                 stationLayer.data.push(marker); 
  127.             } 
  128.             else if(json.type=="park") 
  129.             { 
  130.                 parkLayer.data.push(marker); 
  131.             } 
  132.             label.setStyle({ 
  133.                         borderColor:"#808080", 
  134.                         color:"#333", 
  135.                         cursor:"pointer" 
  136.             }); 
  137.              
  138.             (function(){ 
  139.                 var index = i; 
  140.                 var _iw = createInfoWindow(i); 
  141.                 var _marker = marker; 
  142.                 _marker.addEventListener("click",function(){ 
  143.                     this.openInfoWindow(_iw); 
  144.                 }); 
  145.                 _iw.addEventListener("open",function(){ 
  146.                     _marker.getLabel().hide(); 
  147.                 }) 
  148.                 _iw.addEventListener("close",function(){ 
  149.                     _marker.getLabel().show(); 
  150.                 }) 
  151.                 label.addEventListener("click",function(){ 
  152.                     _marker.openInfoWindow(_iw); 
  153.                 }) 
  154.                 if(!!json.isOpen){ 
  155.                     label.hide(); 
  156.                     _marker.openInfoWindow(_iw); 
  157.                 } 
  158.             })() 
  159.         } 
  160.     } 
  161.     //创建InfoWindow 
  162.     function createInfoWindow(i){ 
  163.         var json = markerArr[i]; 
  164.         var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>"); 
  165.         return iw; 
  166.     } 
  167.     //创建一个Icon 
  168.     function createIcon(json){ 
  169.         var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", 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)}) 
  170.         return icon; 
  171.     } 
  172.      
  173.     initMap();//创建和初始化地图 
  174. </script> 
  175. </html> 

你可能感兴趣的:(JavaScript,api)

  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • swagger访问路径 igotyback swagger
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 从0到500+，我是如何利用自媒体赚钱？ 一列脚印
    运营公众号半个多月，从零基础的小白到现在慢慢懂了一些运营的知识。做好公众号是很不容易的，要做很多事情；排版、码字、引流…通通需要自己解决，业余时间全都花费在这上面涨这么多粉丝是真的不容易，对比知乎大佬来说，我们这种没资源，没人脉，还没钱的小透明来说，想要一个月涨粉上万，怕是今天没睡醒（不过你有的方法，算我piapia打脸）至少我是清醒的，自己慢慢努力，实现我的万粉目标！大家快来围观、支持我吧！孩子
  • 使用Apify加载Twitter消息以进行微调的完整指南 nseejrukjhad twittereasyui前端python
    #使用Apify加载Twitter消息以进行微调的完整指南##引言在自然语言处理领域，微调模型以适应特定任务是提升模型性能的常见方法。本文将介绍如何使用Apify从Twitter导出聊天信息，以便进一步进行微调。##主要内容###使用Apify导出推文首先，我们需要从Twitter导出推文。Apify可以帮助我们做到这一点。通过Apify的强大功能，我们可以批量抓取和导出数据，适用于各类应用场景。
  • 利用Requests Toolkit轻松完成HTTP请求 nseejrukjhad http网络协议网络python
    RequestsToolkit的力量：轻松构建HTTP请求Agent在现代软件开发中，API请求是与外部服务交互的核心。RequestsToolkit提供了一种便捷的方式，帮助开发者构建自动化的HTTP请求Agent。本文旨在详细介绍RequestsToolkit的设置、使用和潜在挑战。引言RequestsToolkit是一个强大的工具包，可用于构建执行HTTP请求的智能代理。这对于想要自动化与外
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • SpringBlade dict-biz/list 接口 SQL 注入漏洞 文章永久免费只为良心 oracle数据库
    SpringBladedict-biz/list接口SQL注入漏洞POC:构造请求包查看返回包你的网址/api/blade-system/dict-biz/list?updatexml(1,concat(0x7e,md5(1),0x7e),1)=1漏洞概述在SpringBlade框架中，如果dict-biz/list接口的后台处理逻辑没有正确地对用户输入进行过滤或参数化查询（PreparedSta
  • python多线程程序设计 之一 IT_Beijing_BIT #Python程序设计语言python
    python多线程程序设计之一全局解释器锁线程APIsthreading.active_count()threading.current_thread()threading.excepthook(args,/)threading.get_native_id()threading.main_thread()threading.stack_size([size])线程对象成员函数构造器start/ru
  • JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy） 跳房子的前端 前端面试javascript开发语言ecmascript
    在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
  • 笋丁网页自动回复机器人V3.0.0免授权版源码 希希分享 软希网58soho_cn源码资源笋丁网页自动回复机器人
    笋丁网页机器人一款可设置自动回复，默认消息，调用自定义api接口的网页机器人。此程序后端语言使用Golang，内存占用最高不超过30MB，1H1G服务器流畅运行。仅支持Linux服务器部署，不支持虚拟主机，请悉知！使用自定义api功能需要有一定的建站基础。源码下载：https://download.csdn.net/download/m0_66047725/89754250更多资源下载：关注我。安
  • WebMagic：强大的Java爬虫框架解析与实战 Aaron_945 Javajava爬虫开发语言
    文章目录引言官网链接WebMagic原理概述基础使用1.添加依赖2.编写PageProcessor高级使用1.自定义Pipeline2.分布式抓取优点结论引言在大数据时代，网络爬虫作为数据收集的重要工具，扮演着不可或缺的角色。Java作为一门广泛使用的编程语言，在爬虫开发领域也有其独特的优势。WebMagic是一个开源的Java爬虫框架，它提供了简单灵活的API，支持多线程、分布式抓取，以及丰富的
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • GenVisR 基因组数据可视化实战(三) 11的雾
    3.genCov画每个突变位点附件的coverage，跟igv有点相似。这个操作起来很复杂，但是图还是挺有用的。可以考虑。由于我的referencegenomebuild是hg38BiocManager::install(c("TxDb.Hsapiens.UCSC.hg38.knownGene","BSgenome.Hsapiens.UCSC.hg38"))library(TxDb.Hsapien
  • JavaScript `Map` 和 `WeakMap`详细解释 跳房子的前端 JavaScript原生方法javascript前端开发语言
    在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
  • 使用由 Python 编写的 lxml 实现高性能 XML 解析 hunyxv python笔记pythonxml
    转载自：文章lxml简介Python从来不出现XML库短缺的情况。从2.0版本开始，它就附带了xml.dom.minidom和相关的pulldom以及SimpleAPIforXML(SAX)模块。从2.4开始，它附带了流行的ElementTreeAPI。此外，很多第三方库可以提供更高级别的或更具有python风格的接口。尽管任何XML库都足够处理简单的DocumentObjectModel(DOM
  • 切换淘宝最新npm镜像源是 hai40587 npm前端node.js
    切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
  • 效率神器来了：AI工具手把手教你快速提升工作效能 kkai人工智能 人工智能学习媒体aichatgpt
    随着科技的进步，AI工具已经成为提升工作效率的关键手段。本文将介绍一些实用的AI工具和方法，帮助你自动化繁琐的重复性任务、优化数据管理、促进团队协作与沟通，并提升决策质量。背景：OOPAI-免费问答学习交流-GPT自动化重复性任务Zapier：Zapier可以自动化多个应用程序之间的工作流程。例如，它能自动将Gmail中的附件保存至GoogleDrive，或在你发布新文章时，自动分享至社交媒体平台
  • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
  • HarmonyOS Next鸿蒙扫一扫功能实现 JohnLiu_ HarmonyOSNextharmonyos华为扫一扫鸿蒙
    直接使用的是华为官方提供的api，封装成一个工具类方便调用。import{common}from'@kit.AbilityKit';import{scanBarcode,scanCore}from'@kit.ScanKit';exportnamespaceScanUtil{exportasyncfunctionstartScan(context:common.Context):Promise{if
  • metaRTC5.0 API编程指南(一) metaRTC metaRTCc++c语言webrtc
    概述metaRTC5.0版本API进行了重构，本篇文章将介绍webrtc传输调用流程和例子。metaRTC5.0版本提供了C++和纯C两种接口。纯C接口YangPeerConnection头文件:include/yangrtc/YangPeerConnection.htypedefstruct{void*conn;YangAVInfo*avinfo;YangStreamConfigstreamco
  • 高性能javascript--算法和流程控制 海淀萌狗
    -for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i
  • 使用python抽取post接口数据示例 中台小A pythonpython开发语言
    postman调用接口post接口https://inner-XXXXX.XXXXX.com/wXX/api/XXXXXctoryLake?user_key=XXXXXXXXXXXX，在boday的row里输入Jason格式的{"wasStartDay":"2024-09-03"}importrequestsurl='https://inner-XXXXX.XXXXX.com/wXX/api/XX
  • 如何在电商平台上使用API接口数据优化商品价格 weixin_43841111 api数据挖掘人工智能pythonjava大数据前端爬虫
    利用API接口数据来优化电商商品价格是一个涉及数据收集、分析、策略制定以及实时调整价格的过程。这不仅能提高市场竞争力，还能通过精准定价最大化利润。以下是一些关键步骤和策略，用于通过API接口数据优化电商商品价格：1.数据收集竞争对手价格监控：使用API接口（如Scrapy、BeautifulSoup等工具结合Python进行网页数据抓取，或使用专门的API服务如PriceIntelligence、
  • 阿里巴巴商品搜索API返回值实战解析 weixin_43841111 apijava前端javascript
    在解析阿里巴巴中国站商品搜索API返回值并进行实战时，可以从以下几个方面入手：一、了解API返回值的结构基本信息返回值通常包含商品的标题、价格、库存、图片链接等基本信息。这些信息对于了解商品的概况非常重要。例如，商品标题可以让你快速了解商品的名称和特点，价格信息可以帮助你进行价格比较和成本核算。详细描述可能包括商品的详细描述、规格参数、使用方法等。这些信息对于深入了解商品的特性和功能非常有帮助。比
  • 导致格式错误的 Lambda 代理响应的原因以及如何修复它 zqhdz米时空 汇编
    当人们尝试使用AWSAPIGateway和AWSLambda构建无服务器应用程序时，经常出现的一个问题是_由于配置错误而执行失败：Lambda代理响应格式错误。_没有什么比通用错误消息更糟糕的了，它们不会告诉您解决问题所需的任何内容，对吧？AWS并不是以其错误消息设计而闻名，如果甚至可以这样称呼它的话，更不用说为您提供解决问题的方法了。那么如何修复这个Lambda错误以及是什么原因造成的呢？花椒壳
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • Spring的注解积累 yijiesuifeng spring注解
    用注解来向Spring容器注册Bean。   需要在applicationContext.xml中注册： <context:component-scan base-package=”pagkage1[,pagkage2,…,pagkageN]”/>。 如：在base-package指明一个包    <context:component-sc
  • 传感器 百合不是茶 android传感器
    android传感器的作用主要就是来获取数据,根据得到的数据来触发某种事件   下面就以重力传感器为例;   1,在onCreate中获得传感器服务   private SensorManager sm;// 获得系统的服务 private Sensor sensor;// 创建传感器实例 @Override protected void
  • [光磁与探测]金吕玉衣的意义 comsci
          这是一个古代人的秘密:现在告诉大家       信不信由你们:       穿上金律玉衣的人,如果处于灵魂出窍的状态,可以飞到宇宙中去看星星       这就是为什么古代
  • 精简的反序打印某个数 沐刃青蛟 打印
    以前看到一些让求反序打印某个数的程序。 比如：输入123，输出321。   记得以前是告诉你是几位数的，当时就抓耳挠腮，完全没有思路。   似乎最后是用到%和/方法解决的。   而今突然想到一个简短的方法，就可以实现任意位数的反序打印（但是如果是首位数或者尾位数为0时就没有打印出来了）   代码如下： long num, num1=0;
  • PHP：6种方法获取文件的扩展名 IT独行者 PHP扩展名
      PHP：6种方法获取文件的扩展名   1、字符串查找和截取的方法   1 $extension = substr ( strrchr ( $file ,  '.' ), 1); 2、字符串查找和截取的方法二   1 $extension = substr
  • 面试111 文强chu 面试
    1事务隔离级别有那些 ，事务特性是什么（问到一次） 2 spring aop 如何管理事务的，如何实现的。动态代理如何实现，jdk怎么实现动态代理的，ioc是怎么实现的，spring是单例还是多例，有那些初始化bean的方式，各有什么区别（经常问） 3 struts默认提供了那些拦截器 （一次） 4 过滤器和拦截器的区别 （频率也挺高） 5 final，finally final
  • XML的四种解析方式 小桔子 domjdomdom4jsax
    在平时工作中，难免会遇到把 XML 作为数据存储格式。面对目前种类繁多的解决方案，哪个最适合我们呢？在这篇文章中，我对这四种主流方案做一个不完全评测，仅仅针对遍历 XML 这块来测试，因为遍历 XML 是工作中使用最多的（至少我认为）。 　　预 备 　　测试环境： 　　AMD 毒龙1.4G OC 1.5G、256M DDR333、Windows2000 Server
  • wordpress中常见的操作 aichenglong 中文注册wordpress移除菜单
    1 wordpress中使用中文名注册解决办法   1)使用插件   2)修改wp源代码      进入到wp-include/formatting.php文件中找到       function sanitize_user( $username, $strict = false
  • 小飞飞学管理-1 alafqq 管理
    项目管理的下午题，其实就在提出问题（挑刺），分析问题，解决问题。 今天我随意看下10年上半年的第一题。主要就是项目经理的提拨和培养。 结合我自己经历写下心得 对于公司选拔和培养项目经理的制度有什么毛病呢？ 1，公司考察，选拔项目经理，只关注技术能力，而很少或没有关注管理方面的经验，能力。 2，公司对项目经理缺乏必要的项目管理知识和技能方面的培训。 3，公司对项目经理的工作缺乏进行指
  • IO输入输出部分探讨 百合不是茶 IO
     //文件处理  在处理文件输入输出时要引入java.IO这个包； /* 1，运用File类对文件目录和属性进行操作 2，理解流，理解输入输出流的概念 3，使用字节/符流对文件进行读/写操作 4，了解标准的I/O 5，了解对象序列化 */   //1，运用File类对文件目录和属性进行操作   //在工程中线创建一个text.txt
  • getElementById的用法 bijian1013 element
            getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。        返回具有指定ID属性值的第一个对象的一个引用。        语法： &n
  • 励志经典语录 bijian1013 励志人生
    经典语录1:   哈佛有一个著名的理论：人的差别在于业余时间，而一个人的命运决定于晚上8点到10点之间。每晚抽出2个小时的时间用来阅读、进修、思考或参加有意的演讲、讨论，你会发现，你的人生正在发生改变，坚持数年之后，成功会向你招手。不要每天抱着QQ/MSN/游戏/电影/肥皂剧……奋斗到12点都舍不得休息，看就看一些励志的影视或者文章，不要当作消遣；学会思考人生，学会感悟人生
  • [MongoDB学习笔记三]MongoDB分片 bit1129 mongodb
    MongoDB的副本集(Replica Set)一方面解决了数据的备份和数据的可靠性问题，另一方面也提升了数据的读写性能。MongoDB分片(Sharding)则解决了数据的扩容问题，MongoDB作为云计算时代的分布式数据库，大容量数据存储，高效并发的数据存取，自动容错等是MongoDB的关键指标。 本篇介绍MongoDB的切片(Sharding)   1.何时需要分片 &nbs
  • 【Spark八十三】BlockManager在Spark中的使用场景 bit1129 manager
    1. Broadcast变量的存储，在HttpBroadcast类中可以知道 2. RDD通过CacheManager存储RDD中的数据，CacheManager也是通过BlockManager进行存储的 3. ShuffleMapTask得到的结果数据，是通过FileShuffleBlockManager进行管理的，而FileShuffleBlockManager最终也是使用BlockMan
  • yum方式部署zabbix ronin47 yum方式部署zabbix
    安装网络yum库#rpm -ivh http://repo.zabbix.com/zabbix/2.4/rhel/6/x86_64/zabbix-release-2.4-1.el6.noarch.rpm 通过yum装mysql和zabbix调用的插件还有agent代理#yum install zabbix-server-mysql zabbix-web-mysql mysql-
  • Hibernate4和MySQL5.5自动创建表失败问题解决方法 byalias J2EEHibernate4
    今天初学Hibernate4，了解了使用Hibernate的过程。大体分为4个步骤： ①创建hibernate.cfg.xml文件 ②创建持久化对象 ③创建*.hbm.xml映射文件 ④编写hibernate相应代码 在第四步中，进行了单元测试，测试预期结果是hibernate自动帮助在数据库中创建数据表，结果JUnit单元测试没有问题，在控制台打印了创建数据表的SQL语句，但在数据库中
  • Netty源码学习-FrameDecoder bylijinnan javanetty
    Netty 3.x的user guide里FrameDecoder的例子，有几个疑问： 1.文档说：FrameDecoder calls decode method with an internally maintained cumulative buffer whenever new data is received. 为什么每次有新数据到达时，都会调用decode方法？ 2.Dec
  • SQL行列转换方法 chicony 行列转换
    create table tb(终端名称 varchar(10) , CEI分值 varchar(10) , 终端数量 int) insert into tb values('三星' , '0-5' , 74) insert into tb values('三星' , '10-15' , 83) insert into tb values('苹果' , '0-5' , 93)
  • 中文编码测试 ctrain 编码
    循环打印转换编码 String[] codes = { "iso-8859-1", "utf-8", "gbk", "unicode" }; for (int i = 0; i < codes.length; i++) { for (int j
  • hive 客户端查询报堆内存溢出解决方法 daizj hive堆内存溢出
    hive> select * from t_test where ds=20150323 limit 2; OK Exception in thread "main" java.lang.OutOfMemoryError: Java heap space   问题原因： hive堆内存默认为256M   这个问题的解决方法为： 修改/us
  • 人有多大懒，才有多大闲 (评论『卓有成效的程序员』) dcj3sjt126com 程序员
      卓有成效的程序员给我的震撼很大，程序员作为特殊的群体，有的人可以这么懒，  懒到事情都交给机器去做 ，而有的人又可以那么勤奋，每天都孜孜不倦得做着重复单调的工作。   在看这本书之前，我属于勤奋的人，而看完这本书以后，我要努力变成懒惰的人。 不要在去庞大的开始菜单里面一项一项搜索自己的应用程序，也不要在自己的桌面上放置眼花缭乱的快捷图标
  • Eclipse简单有用的配置 dcj3sjt126com eclipse
    1、显示行号  Window -- Prefences -- General -- Editors -- Text Editors -- show line numbers   2、代码提示字符 Window ->Perferences，并依次展开 Java -> Editor -> Content Assist，最下面一栏 auto-Activation
  • 在tomcat上面安装solr4.8.0全过程 eksliang Solrsolr4.0后的版本安装solr4.8.0安装
    转载请出自出处： http://eksliang.iteye.com/blog/2096478       首先solr是一个基于java的web的应用，所以安装solr之前必须先安装JDK和tomcat，我这里就先省略安装tomcat和jdk了         第一步：当然是下载去官网上下载最新的solr版本，下载地址
  • Android APP通用型拒绝服务、漏洞分析报告 gg163 漏洞androidAPP分析
    点评：记得曾经有段时间很多SRC平台被刷了大量APP本地拒绝服务漏洞，移动安全团队爱内测（ineice.com）发现了一个安卓客户端的通用型拒绝服务漏洞，来看看他们的详细分析吧。  0xr0ot和Xbalien交流所有可能导致应用拒绝服务的异常类型时，发现了一处通用的本地拒绝服务漏洞。该通用型本地拒绝服务可以造成大面积的app拒绝服务。  针对序列化对象而出现的拒绝服务主要
  • HoverTree项目已经实现分层 hvt 编程.netWebC#ASP.ENT
    HoverTree项目已经初步实现分层，源代码已经上传到 http://hovertree.codeplex.com请到SOURCE CODE查看。在本地用SQL Server 2008 数据库测试成功。数据库和表请参考：http://keleyi.com/a/bjae/ue6stb42.htmHoverTree是一个ASP.NET 开源项目，希望对你学习ASP.NET或者C#语言有帮助，如果你对
  • Google Maps API v3: Remove Markers 移除标记 天梯梦 google maps api
    Simply do the following:   I. Declare a global variable: var markersArray = [];   II. Define a function: function clearOverlays() { for (var i = 0; i < markersArray.length; i++ )
  • jQuery选择器总结 lq38366 jquery选择器
      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
  • 基础数据结构和算法六：Quick sort sunwinner AlgorithmQuicksort
    Quick sort is probably used more widely than any other. It is popular because it is not difficult to implement, works well for a variety of different kinds of input data, and is substantially faster t
  • 如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作 刘星宇 htmlWeb
    今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。 让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单，让Flash不档住浮动对象或层的关键参数：wmode=opaque。 方法如下：
  • Mybatis实用Mapper SQL汇总示例 wdmcygah sqlmysqlmybatis实用
    Mybatis作为一个非常好用的持久层框架，相关资料真的是少得可怜，所幸的是官方文档还算详细。本博文主要列举一些个人感觉比较常用的场景及相应的Mapper SQL写法，希望能够对大家有所帮助。 不少持久层框架对动态SQL的支持不足，在SQL需要动态拼接时非常苦恼，而Mybatis很好地解决了这个问题，算是框架的一大亮点。对于常见的场景，例如：批量插入/更新/删除，模糊查询，多条件查询，联表查询，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他