起始页
起始页

调用googleMapApi

 基本调用

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE html> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    5. 
   
   
   
   
  5. <style type="text/css"> 
    6. 
   
   
   
   
  6.   html { height: 100% } 
    7. 
   
   
   
   
  7.   body { height: 100%; margin: 0px; padding: 0px } 
    8. 
   
   
   
   
  8.   #map_canvas { height: 100% } 
    9. 
   
   
   
   
  9. </style> 
    10. 
   
   
   
   
  10. <script type="text/javascript" 
    11. 
   
   
   
   
  11.     src="https://maps.google.com/maps/api/js?sensor=true"> 
    12. 
   
   
   
   
  12. </script> 
    13. 
   
   
   
   
  13. <script type="text/javascript"> 
    14. 
   
   
   
   
  14.   function initialize() { 
    15. 
   
   
   
   
  15.     var latlng = new google.maps.LatLng(-34.397, 150.644); 
    16. 
   
   
   
   
  16.     var myOptions = { 
    17. 
   
   
   
   
  17.       zoom: 8, 
    18. 
   
   
   
   
  18.       center: latlng, 
    19. 
   
   
   
   
  19.       mapTypeId: google.maps.MapTypeId.ROADMAP 
    20. 
   
   
   
   
  20.     }; 
    21. 
   
   
   
   
  21.     var map = new google.maps.Map(document.getElementById("map_canvas"), 
    22. 
   
   
   
   
  22.         myOptions); 
    23. 
   
   
   
   
  23.   } 
    24. 
   
   
   
   
  24.  
    25. 
   
   
   
   
  25. </script> 
    26. 
   
   
   
   
  26. </head> 
    27. 
   
   
   
   
  27. <body onload="initialize()"> 
    28. 
   
   
   
   
  28.   <div id="map_canvas" style="width:100%; height:100%"></div> 
    29. 
   
   
   
   
  29. </body> 
    30. 
   
   
   
   
  30. </html> 
    31.

基于html5的稍微复杂的Goolge Map 调用

 

  
  
  
  
    
   
   
   
   
  1. <!doctype html> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta charset="utf-8"> 
    5. 
   
   
   
   
  5. <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    6. 
   
   
   
   
  6. <style type="text/css"> 
    7. 
   
   
   
   
  7.   html { height:800px; width:480px; } 
    8. 
   
   
   
   
  8.   body { height: 100%; margin: 0px; padding: 0px } 
    9. 
   
   
   
   
  9.   #map_canvas { height: 100% } 
    10. 
   
   
   
   
  10.   #metaDataTable { position:absolute; top:30px; left:0px; z-index:1000;} 
    11. 
   
   
   
   
  11. </style> 
    12. 
   
   
   
   
  12. <title>html5_Geolocation</title> 
    13. 
   
   
   
   
  13. <script type="text/javascript" 
    14. 
   
   
   
   
  14.     src="https://maps.google.com/maps/api/js?sensor=false"> 
    15. 
   
   
   
   
  15. </script> 
    16. 
   
   
   
   
  16.  
    17. 
   
   
   
   
  17. </head> 
    18. 
   
   
   
   
  18.  
    19. 
   
   
   
   
  19. <body> 
    20. 
   
   
   
   
  20. <div id="metaDataTable"> 
    21. 
   
   
   
   
  21.  <h1> Html5 Geolocation Distance Tracker</h1> 
    22. 
   
   
   
   
  22.  <p id="status"> Html5 Geolocation is<strong> not</strong> suppert your browser!!!</p> 
    23. 
   
   
   
   
  23. <h2>Current Position:</h2> 
    24. 
   
   
   
   
  24. <table border="1"> 
    25. 
   
   
   
   
  25.      <tr> 
    26. 
   
   
   
   
  26.         <td width=40 scope="col">纬度</td> 
    27. 
   
   
   
   
  27.         <td wisth=114 id="latitude">?</td> 
    28. 
   
   
   
   
  28.      </tr> 
    29. 
   
   
   
   
  29.      <tr> 
    30. 
   
   
   
   
  30.         <td width=40 scope="col">经度</td> 
    31. 
   
   
   
   
  31.         <td wisth=114 id="longitude">?</td> 
    32. 
   
   
   
   
  32.      </tr> 
    33. 
   
   
   
   
  33.       <tr> 
    34. 
   
   
   
   
  34.         <td width=40 scope="col">海拔</td> 
    35. 
   
   
   
   
  35.         <td wisth=114 id="accuracy">?</td> 
    36. 
   
   
   
   
  36.      </tr> 
    37. 
   
   
   
   
  37.        <tr> 
    38. 
   
   
   
   
  38.         <td width=40 scope="col">Last TimeStamp</td> 
    39. 
   
   
   
   
  39.         <td wisth=114 id="timestamp">?</td> 
    40. 
   
   
   
   
  40.      </tr> 
    41. 
   
   
   
   
  41. </table> 
    42. 
   
   
   
   
  42. <h4 id="currDist"> Current distance traveled:0.0KM</h4> 
    43. 
   
   
   
   
  43. <h4 id="totalDist">Total distance traveled:0.0KM</h4> 
    44. 
   
   
   
   
  44. </div> 
    45. 
   
   
   
   
  45. <script> 
    46. 
   
   
   
   
  46.       var totalDistance = 0.0; 
    47. 
   
   
   
   
  47.       var lastLat; 
    48. 
   
   
   
   
  48.       var lastLong; 
    49. 
   
   
   
   
  49.       var latitude; 
    50. 
   
   
   
   
  50.       var longitude; 
    51. 
   
   
   
   
  51. /*function getGeolacation(){ 
    52. 
   
   
   
   
  52.     if(navigator.geolocation){ 
    53. 
   
   
   
   
  53.         alert("Support the html5 Geolacation API"); 
    54. 
   
   
   
   
  54.         navigator.geolocation.getCurrentPosition(updateLocation); 
    55. 
   
   
   
   
  55.         } 
    56. 
   
   
   
   
  56.     }*/ 
    57. 
   
   
   
   
  57.     function updateLocation(position){ 
    58. 
   
   
   
   
  58.          latitude = position.coords.latitude; 
    59. 
   
   
   
   
  59.          longitude = position.coords.longitude; 
    60. 
   
   
   
   
  60.         var accuracy = position.coords.accuracy; 
    61. 
   
   
   
   
  61.         var timestamp = position.timestamp; 
    62. 
   
   
   
   
  62.         document.getElementById("latitude").innerHTML =latitude ; 
    63. 
   
   
   
   
  63.         document.getElementById("longitude").innerHTML = longitude; 
    64. 
   
   
   
   
  64.         document.getElementById("accuracy").innerHTML = accuracy; 
    65. 
   
   
   
   
  65.         document.getElementById("timestamp").innerHTML = timestamp; 
    66. 
   
   
   
   
  66.         if(accuracy >= 500){ 
    67. 
   
   
   
   
  67.           updateStatus("need more accure vslues to calculate distance."); 
    68. 
   
   
   
   
  68.           return; 
    69. 
   
   
   
   
  69.         } 
    70. 
   
   
   
   
  70.         //计算距离 
    71. 
   
   
   
   
  71.         if((lastLat != null)&&(lastLong != null)){ 
    72. 
   
   
   
   
  72.            var CurrentDistance = distance(latitude,longitude,lastLat,lastLong); 
    73. 
   
   
   
   
  73.            document.getElementById("currDist").innerHTML = "Current distance traveled"+CurrentDistance+"KM"; 
    74. 
   
   
   
   
  74.            totalDistance  += CurrentDistance; 
    75. 
   
   
   
   
  75.            document.getElementById("totalDist").innerHTML="=Total distance traveled "+totalDistance+"KM"; 
    76. 
   
   
   
   
  76.         } 
    77. 
   
   
   
   
  77.         lastLat = latitude; 
    78. 
   
   
   
   
  78.         lastLong = longitude; 
    79. 
   
   
   
   
  79.         updateStatus("Loacation Successfully uodated!!!"); 
    80. 
   
   
   
   
  80.         initialize(latitude,longitude); 
    81. 
   
   
   
   
  81.         } 
    82. 
   
   
   
   
  82.         function handleLocationError(error){ 
    83. 
   
   
   
   
  83.           switch(error.code){ 
    84. 
   
   
   
   
  84.            case 0 : 
    85. 
   
   
   
   
  85.            uodateStatus("There was an error while retrieving your Location "+error.message); 
    86. 
   
   
   
   
  86.            break; 
    87. 
   
   
   
   
  87.             case 1 : 
    88. 
   
   
   
   
  88.            uodateStatus("the user prevented this page from your Location "+error.message); 
    89. 
   
   
   
   
  89.             break; 
    90. 
   
   
   
   
  90.             case 2 : 
    91. 
   
   
   
   
  91.            uodateStatus("the browser was unable to determine your Location "+error.message); 
    92. 
   
   
   
   
  92.             break; 
    93. 
   
   
   
   
  93.             case 3 : 
    94. 
   
   
   
   
  94.            uodateStatus("the browser timed out before retrieving your Location "+error.message); 
    95. 
   
   
   
   
  95.             break; 
    96. 
   
   
   
   
  96.           } 
    97. 
   
   
   
   
  97.         } 
    98. 
   
   
   
   
  98.       function toRadians(degree){ 
    99. 
   
   
   
   
  99.         return degree = Math.PI / 180; 
    100. 
   
   
   
   
  100.       } 
    101. 
   
   
   
   
  101.       function distance(latitude1, longitude1, latitude2, longitude2){ 
    102. 
   
   
   
   
  102.       var R = 6371; 
    103. 
   
   
   
   
  103.       var deltatidude = toRadians(latitude2- latitude1); 
    104. 
   
   
   
   
  104.       var dellongitude = toRadians(longitude2 - longitude1); 
    105. 
   
   
   
   
  105.       latitude1  = toRadians(latitude1); 
    106. 
   
   
   
   
  106.       latitude2  = toRadians(latitude2); 
    107. 
   
   
   
   
  107.       var a = Math.sin(deltalatitude/2)*Math.cos(deltalatitude/2)*Math.cos(latitude1)*Math.cos(latitude2)*Math.sin(dellongitude/2)*Math.sin(dellongitude/2); 
    108. 
   
   
   
   
  108.       var c= 2*Math.atan2(Math.sqrt(a),Math.sqrt(1-a)); 
    109. 
   
   
   
   
  109.       var d = R*c; 
    110. 
   
   
   
   
  110.       return d; 
    111. 
   
   
   
   
  111.       } 
    112. 
   
   
   
   
  112.       //R是地球的半径，单位是KM 
    113. 
   
   
   
   
  113.       function updateStatus(message){ 
    114. 
   
   
   
   
  114.       document.getElementById("status").innerHTML = message; 
    115. 
   
   
   
   
  115.       } 
    116. 
   
   
   
   
  116.       function loadDemo(){ 
    117. 
   
   
   
   
  117.         if(navigator.geolocation){ 
    118. 
   
   
   
   
  118.         updateStatus("your browser is support html5 geolacation"); 
    119. 
   
   
   
   
  119.         navigator.geolocation.watchPosition(updateLocation,handleLocationError,{maximumAge:20000}); 
    120. 
   
   
   
   
  120.         } 
    121. 
   
   
   
   
  121.       } 
    122. 
   
   
   
   
  122.   function initialize(la,longi) { 
    123. 
   
   
   
   
  123.        var latlng = new google.maps.LatLng(la, longi); 
    124. 
   
   
   
   
  124.        var div = document.createElement("div"); 
    125. 
   
   
   
   
  125.        var str = "<b>我的当前位置</b>"; 
    126. 
   
   
   
   
  126.        var myOptions = { 
    127. 
   
   
   
   
  127.         zoom: 18, 
    128. 
   
   
   
   
  128.         center: latlng, 
    129. 
   
   
   
   
  129.         mapTypeId: google.maps.MapTypeId.TERRAIN 
    130. 
   
   
   
   
  130.         }; 
    131. 
   
   
   
   
  131.         var map = new google.maps.Map(document.getElementById("map_canvas"), 
    132. 
   
   
   
   
  132.         myOptions); 
    133. 
   
   
   
   
  133.         var marker = new google.maps.Marker({ 
    134. 
   
   
   
   
  134.            position:latlng, 
    135. 
   
   
   
   
  135.            map:map, 
    136. 
   
   
   
   
  136.            title:"My Location" 
    137. 
   
   
   
   
  137.         }); 
    138. 
   
   
   
   
  138.    } 
    139. 
   
   
   
   
  139.       window.addEventListener("load",loadDemo, true); 
    140. 
   
   
   
   
  140.       </script> 
    141. 
   
   
   
   
  141.       <div id="map_canvas" style="width:100%; height:100%"></div> 
    142. 
   
   
   
   
  142.  </body> 
    143. 
   
   
   
   
  143. </html> 
    144.

 

你可能感兴趣的:(html5,Google,map)

  • 第四天旅游线路预览——从换乘中心到喀纳斯湖 陟彼高冈yu 基于Googleearthstudio的旅游规划和预览旅游
    第四天：从贾登峪到喀纳斯风景区入口，晚上住宿贾登峪；换乘中心有4路车，喀纳斯①号车，去喀纳斯湖，路程时长约5分钟；将上面的的行程安排进行动态展示，具体步骤见”Googleearthstudio进行动态轨迹显示制作过程“、“Googleearthstudio入门教程”和“Googleearthstudio进阶教程“相关内容，得到行程如下所示：Day4-2-480p
  • Google earth studio 简介 陟彼高冈yu 旅游
    GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 关于城市旅游的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：做与用户的交互行为文章目录前端学习路线
  • Day17笔记-高阶函数 ~在杰难逃~ Python笔记python开发语言pycharm数据分析
    高阶函数【重点掌握】函数的本质：函数是一个变量，函数名是一个变量名，一个函数可以作为另一个函数的参数或返回值使用如果A函数作为B函数的参数，B函数调用完成之后，会得到一个结果，则B函数被称为高阶函数常用的高阶函数：map(),reduce(),filter(),sorted()1.map()map(func,iterable)，返回值是一个iterator【容器，迭代器】func:函数iterab
  • 回溯算法-重新安排行程 chirou_ 算法数据结构图论c++图搜索
    leetcode332.重新安排行程这题我还没自己ac过，只能现在凭着刚学完的热乎劲把我对题解的理解记下来。本题我认为对数据结构的考察比较多，用什么数据结构去存数据，去读取数据，都是很重要的。classSolution{private:unordered_map>targets;boolbacktracking(intticketNum,vector&result){//1.确定参数和返回值//2
  • C++ | Leetcode C++题解之第409题最长回文串 Ddddddd_158 经验分享C++Leetcode题解
    题目：题解：classSolution{public:intlongestPalindrome(strings){unordered_mapcount;intans=0;for(charc:s)++count[c];for(autop:count){intv=p.second;ans+=v/2*2;if(v%2==1andans%2==0)++ans;}returnans;}};
  • Python开发常用的三方模块如下： 换个网名有点难 python开发语言
    Python是一门功能强大的编程语言，拥有丰富的第三方库，这些库为开发者提供了极大的便利。以下是100个常用的Python库，涵盖了多个领域：1、NumPy，用于科学计算的基础库。2、Pandas，提供数据结构和数据分析工具。3、Matplotlib，一个绘图库。4、Scikit-learn，机器学习库。5、SciPy，用于数学、科学和工程的库。6、TensorFlow，由Google开发的开源机
  • uniapp map组件自定义markers标记点 以对_ uni-app学习记录uni-appjavascript前端
    需求是根据后端返回数据在地图上显示标记点，并且根据数据状态控制标记点颜色，标记点背景通过两张图片实现控制{{item.options.labelName}}exportdefault{data(){return{storeIndex:0,locaInfo:{longitude:120.445172,latitude:36.111387},markers:[//标点列表{id:1,//标记点idin
  • Python实现下载当前年份的谷歌影像 sand&wich python开发语言
    在GIS项目和地图应用中，获取最新的地理影像数据是非常重要的。本文将介绍如何使用Python代码从Google地图自动下载当前年份的影像数据，并将其保存为高分辨率的TIFF格式文件。这个过程涉及地理坐标转换、多线程下载和图像处理。关键功能该脚本的核心功能包括：坐标转换：支持WGS-84与WebMercator投影之间转换，以及处理中国GCJ-02偏移。自动化下载：多线程下载地图瓦片，提高效率。图像
  • JavaScript `Map` 和 `WeakMap`详细解释 跳房子的前端 JavaScript原生方法javascript前端开发语言
    在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
  • 03-Cesium自定义着色器完整代码以及注释 fxshy 着色器javascript
    1.效果展示2.完整代码自定义着色器完整代码#map{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhZjZkZDAwZC1mNTFhLTRhO
  • 浅谈MapReduce Android路上的人 Hadoop分布式计算mapreduce分布式框架hadoop
    从今天开始，本人将会开始对另一项技术的学习，就是当下炙手可热的Hadoop分布式就算技术。目前国内外的诸多公司因为业务发展的需要，都纷纷用了此平台。国内的比如BAT啦，国外的在这方面走的更加的前面，就不一一列举了。但是Hadoop作为Apache的一个开源项目，在下面有非常多的子项目，比如HDFS，HBase,Hive，Pig,等等，要先彻底学习整个Hadoop，仅仅凭借一个的力量，是远远不够的。
  • 思考成长 丁昆朋
    这篇文章是加紧赶出来“应付”日更，一方面不想要再晚睡了；另一方面不想失去日更达人的称号，只能坐下来匆忙写下一点文字。既然标题是成长，先来总结一下这段时间的收获：1、整理箱子站着可以看电脑，坐着反而是一种享受，减少了坐着腰酸背痛的现象；2、使用讯飞输入法大大增加自己的输出量；3、Anaconda+“pythontutor.com"+Google算是简单入门python；4、英语的阅读文章能力、听力提
  • 效率神器来了：AI工具手把手教你快速提升工作效能 kkai人工智能 人工智能学习媒体aichatgpt
    随着科技的进步，AI工具已经成为提升工作效率的关键手段。本文将介绍一些实用的AI工具和方法，帮助你自动化繁琐的重复性任务、优化数据管理、促进团队协作与沟通，并提升决策质量。背景：OOPAI-免费问答学习交流-GPT自动化重复性任务Zapier：Zapier可以自动化多个应用程序之间的工作流程。例如，它能自动将Gmail中的附件保存至GoogleDrive，或在你发布新文章时，自动分享至社交媒体平台
  • Golang语言基础知识点总结 最帅猪猪侠 golang开发语言后端
    Golang语言基础知识点小总结1.go语言有两大类型：值类型：数值类型，bool，string，数组，struct结构体变量直接存储值，内存通常在栈中分配,修改值,不会对源对象产生影响引用类型：指针，slice切片，管道chan，map，interface变量存储的是一个地址，这个地址对应的空间才真正存储数据值，内存通常在堆上分配，当没有任何变量引用这个地址时，该地址对应的数据空间就成为一个垃圾
  • spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc
    通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
  • 网关gateway学习总结 猪猪365 学习总结学习总结
    一微服务概述:微服务网关就是一个系统!通过暴露该微服务的网关系统,方便我们进行相关的鉴权,安全控制,日志的统一处理,易于监控的相关功能!实现微服务网关技术都有哪些呢?1nginx:nginx是一个高性能的http和反向代理web的服务器,同事也提供了IMAP/POP3/SMTP服务.他可以支撑5万并发链接,并且cpu,内存等资源消耗非常的低,运行非常的稳定!2Zuul:Zuul是Netflix公司
  • h5小游戏定制开发 红匣子实力推荐
    随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
  • 【Golang】 Golang 的 GORM 库中的 Rows 函数 不爱洗脚的小滕 golang开发语言后端
    文章目录前言一、Rows函数解释二、代码实现三、总结前言在使用Go语言进行数据库操作时，GORM（GoObject-RelationalMapping）库是一个常用的工具。它提供了一种简洁和强大的方式来处理数据库操作。本文将介绍GORM库中的Rows函数，这是一个用于执行原生SQL查询并返回结果的函数。一、Rows函数解释在GORM库中，Rows函数用于执行原生SQL查询并返回*sql.Rows结
  • Nginx：高性能的Web服务器与反向代理 张某布响丸辣 nginx前端服务器javaSpringBoot
    在当今的互联网世界中，Web服务器的选择对于网站的性能、稳定性和安全性至关重要。Nginx（发音为“engineX”）凭借其卓越的性能、丰富的功能集和灵活的配置选项，成为了众多网站和应用程序的首选Web服务器和反向代理。本文将深入探讨Nginx的特点、应用场景、基本配置以及它如何助力你的Web项目。Nginx简介Nginx是一个开源的、高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/
  • Hadoop 傲雪凌霜，松柏长青 后端大数据hadoop大数据分布式
    ApacheHadoop是一个开源的分布式计算框架，主要用于处理海量数据集。它具有高度的可扩展性、容错性和高效的分布式存储与计算能力。Hadoop核心由四个主要模块组成，分别是HDFS（分布式文件系统）、MapReduce（分布式计算框架）、YARN（资源管理）和HadoopCommon（公共工具和库）。1.HDFS（HadoopDistributedFileSystem）HDFS是Hadoop生
  • 【Death Note】网吧战神之7天爆肝渗透测试死亡笔记_sqlmap在默认情况下除了使用 char() 函数防止出现单引号 2401_84561374 程序员笔记
    网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！特殊服务端口2181zookeeper服务未授权访问
  • 机器学习 流形数据降维：UMAP 降维算法 小嗷犬 Python机器学习#数据分析及可视化机器学习算法人工智能
    ✅作者简介：人工智能专业本科在读，喜欢计算机与编程，写博客记录自己的学习历程。个人主页：小嗷犬的个人主页个人网站：小嗷犬的技术小站个人信条：为天地立心，为生民立命，为往圣继绝学，为万世开太平。本文目录UMAP简介理论基础特点与优势应用场景在Python中使用UMAP安装umap-learn库使用UMAP可视化手写数字数据集UMAP简介UMAP（UniformManifoldApproximatio
  • python画出分子化学空间分布（UMAP） Sakaiay python
    利用umap画出分子化学空间分布图安装pipinstallumap-learn下面是用一个数据集举的例子importtorchimportumapimportpandasaspdimportnumpyasnpimportmatplotlib.pyplotaspltimportseabornassnsfromsklearn.manifoldimportTSNEfromrdkit.Chemimport
  • 谈谈你对AQS的理解 Mutig_s jucjava开发语言面试后端
    AQS概述AQS，全称为AbstractQueuedSynchronizer，是Java并发包（java.util.concurrent）中一个核心的框架，主要用于构建阻塞式锁和相关的同步器，也是构建锁或者其他同步组件的基础框架。AQS提供了一种基于FIFO（First-In-First-Out）的CLH(三个人名缩写)双向队列的机制，来实现各种同步器，如ReentrantLock、Semapho
  • Docker学习十一：Kubernetes概述 爱打羽球的程序猿 Docker学习系列dockerkubernetes学习
    一、Kubernetes简介2006年，Google提出了云计算的概念，当时的云计算领域还是以虚拟机为代表的云平台。2013年，Docker横空出世，Docker提出了镜像、仓库等核心概念，规范了服务的交付标准，使得复杂服务的落地变得更加简单，之后Docker又定义了OCI标准，Docker在容器领域称为事实的标准。但是，Docker诞生只是帮助定义了开发和交付标准，如果想要在生产环境中大批量的使
  • java的四个层级结构 活跃家族 JAVA
    java的四个层级结构首先，最底层的就是dto层，dto层就是所谓的model，dto中定义的是实体类，也就是.class文件，该文件中包含实体类的属性和对应属性的get、set方法；其次，是dao层（dao层的文件习惯以*Mapper命名），dao层会调用dto层，dao层中会定义实际使用到的方法，比如增删改查。一般在dao层下还会有个叫做sqlmap的包，该包下有xml文件，文件内容正是根据之
  • 认识世界 陈陈_19b4
    9月16日，雨。阅读书目:《真相》。作者:瑞典统计学家和医学教授汉斯·罗斯林，他的儿子奥拉·罗斯林，google公共数据团队的负责人。汉斯·罗斯林还是一位全球知名的教育家，是世界健康组织和联合国儿童基金会的顾问。他与儿子儿媳共同创办了Gapminder基金会，开发了Trendalyzer软件，将国际统计数据转化成交互式的生动有趣的图表，帮助人们以事实为基础来观察世界，被称为“可视化数据之父”。图片
  • Hadoop(一) 朱辉辉33 hadooplinux
    今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。 首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.    在hdfs下，运行hadoop fs -mkdir /u
  • maven An error occurred while filtering resources blackproof maven报错
    转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources   maven报错： maven An error occurred while filtering resources   Maven -> Update Proje
  • jdk常用故障排查命令 daysinsun jvm
    linux下常见定位命令： 1、jps      输出Java进程       -q       只输出进程ID的名称，省略主类的名称；       -m      输出进程启动时传递给main函数的参数；     &nb
  • java 位移运算与乘法运算 周凡杨 java位移运算乘法
      对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：     问题： 用最有效率的方法算出2 乘以8 等於几?” 答案：2 << 3 由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
  • java中的枚举(enmu) g21121 java
    从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举： public enum ResultType { /** * 成功 */ SUCCESS, /** * 失败 */ FAIL,
  • MQ初级学习 510888780 activemq
    1.下载ActiveMQ 去官方网站下载：http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。 启动ActiveMQ以后，登陆：http://localhos
  • Spring_Transactional_Propagation 布衣凌宇 springtransactional
    //事务传播属性 @Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个 @Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务 @Transactional(propagation=Propagation.REQUIREDS_N
  • 我的spring学习笔记12-idref与ref的区别 aijuans spring
    idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如： <bean id ="theTargetBean" class="..." /> <bean id ="theClientBean" class=&quo
  • Jqplot之折线图 antlove jsjqueryWebtimeseriesjqplot
    timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&
  • JDBC中事务处理应用 百合不是茶 javaJDBC编程事务控制语句
      解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复   事务常用命令:             Commit提交         
  • [转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论 bijian1013 java多线程线程安全HashMap
    在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
  • ng-if与ng-show、ng-hide指令的区别和注意事项 bijian1013 JavaScriptAngularJS
            angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
  • 【持久化框架MyBatis3七】MyBatis3定义typeHandler bit1129 TypeHandler
    什么是typeHandler? typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射   内置typeHandler MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
  • 上传下载文件rz,sz命令 bitcarter linux命令rz
    刚开始使用rz上传和sz下载命令： 因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求： 我遇到的问题： sz下载A文件10M左右，没有问题 但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题 解决方法： 上传命令改为;rz -ybe 下载命令改为：sz -be filename 如果还是有问题： 那就是文
  • 通过ngx-lua来统计nginx上的虚拟主机性能数据 ronin47 ngx-lua　统计 解禁ip
    介绍 以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能 支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计. 可以统计与query-times request-time
  • java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132 bylijinnan java
    import java.util.Arrays; import java.util.Comparator; public class MinNumFromIntArray { /** * Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。 * 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
  • Oracle基本操作 ccii Oracle SQL总结Oracle SQL语法Oracle基本操作Oracle SQL
    一、表操作 1. 常用数据类型 NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位 NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位） VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位） CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
  • [强人工智能]实现强人工智能的路线图 comsci 人工智能
        1：创建一个用于记录拓扑网络连接的矩阵数据表      2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图      3：将这个流程图导入到矩阵数据表中      4：在矩阵的每个有意义的节点中嵌入一段简单的
  • 给Tomcat，Apache配置gzip压缩(HTTP压缩)功能 cwqcwqmax9 apache
    背景： HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
  • SpringMVC and Struts2 dashuaifu struts2springMVC
    SpringMVC VS Struts2 1: spring3开发效率高于struts 2: spring3 mvc可以认为已经100%零配置 3: struts2是类级别的拦截， 一个类对应一个request上下文， springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应 所以说从架构本身上 spring3 mvc就容易实现r
  • windows常用命令行命令 dcj3sjt126com windowscmdcommand
    在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
  • 再看知名应用背后的第三方开源项目 dcj3sjt126com ios
    知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《 iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者 @iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了 Facebook Paper使用的第三
  • Objective-c单例模式的正确写法 jsntghf 单例iosiPhone
    一般情况下，可能我们写的单例模式是这样的： #import <Foundation/Foundation.h> @interface Downloader : NSObject + (instancetype)sharedDownloader; @end #import "Downloader.h" @implementation
  • jquery easyui datagrid 加载成功，选中某一行 hae jqueryeasyuidatagrid数据加载
    1.首先你需要设置datagrid的onLoadSuccess $( '#dg' ).datagrid({onLoadSuccess :  function (data){      $( '#dg' ).datagrid( 'selectRow' ,3); }});   2.onL
  • jQuery用户数字打分评价效果 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery用户数字打分评分代码 - HoverTree</
  • mybatis的paramType kerryg DAOsql
    MyBatis传多个参数： 1、采用#{0},#{1}获得参数：    Dao层函数方法：     public User selectUser(String name,String area); 对应的Mapper.xml    <select id="selectUser" result
  • centos 7安装mysql5.5 MrLee23 centos
    首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。   #列出所有被安装的rpm package rpm -qa | grep mariadb   #卸载 rpm -e mariadb-libs-5.
  • 利用thrift来实现消息群发 qifeifei thrift
               Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
  • 实现一个sizeof获取Java对象大小 teasp javaHotSpot内存对象大小sizeof
       由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。     
  • SVN错误及处理 xiangqian0505 SVN提交文件时服务器强行关闭
    在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found 文件：repository/db/txn_current、repository/db/current   其中current记录当前最新版本号，txn_current记录版本库中版本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他