Windyluna
Windyluna

Mapbox 创建多个可拖动的标记点

官方文档：创建可拖动的标记（Marker）
Mapbox 创建多个可拖动的标记点_第1张图片

前言：

（1）由于采用图层的方式添加标记点 addImage，存在多个点时，无法判断被拖动的是哪一个点，因此采用 marker 标记点来实现。

（2）marker 添加标记点：给每个标记点添加索引 data-index、拖拽结束后根据对应索引值，找到拖拽前后标记点的坐标值变化。

实现：

DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>创建可拖动的标记（Marker）title>
    <meta
      name="viewport"
      content="initial-scale=1,maximum-scale=1,user-scalable=no"
    />
    <script src="https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.js">script>
    <link
      href="https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.css"
      rel="stylesheet"
    />
    <style>
      body {
        margin: 0;
        padding: 0;
      }
      #map {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
      }
    style>
  head>
  <body>
    <style>
      .coordinates {
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        position: absolute;
        bottom: 40px;
        left: 10px;
        padding: 5px 10px;
        margin: 0;
        font-size: 11px;
        line-height: 18px;
        border-radius: 3px;
        display: none;
      }
    style>

    <div id="map">div>
    <pre id="coordinates" class="coordinates">pre>

    <script>
      mapboxgl.accessToken =
        "pk.eyJ1IjoibWVpaW4xMjM0NTYiLCJhIjoiY2tqbWtlemR5MGt4MTJ4bjBxcjNmcng5NCJ9.GRpGEmZhxJ58EkNW6Ta_AQ";
      var coordinates = document.getElementById("coordinates");
      var map = new mapboxgl.Map({
        container: "map",
        style: "mapbox://styles/mapbox/streets-v11",
        center: [0, 0],
        zoom: 2
      });

      //   // 单个标记点（可拖动）
      //   var marker = new mapboxgl.Marker({
      //     draggable: true
      //   })
      //     .setLngLat([0, 0])
      //     .addTo(map);

      //   function onDragEnd(e) {
      //     var lngLat = marker.getLngLat();
      //     coordinates.style.display = "block";
      //     coordinates.innerHTML =
      //       "Longitude: " + lngLat.lng + "
Latitude: " + lngLat.lat;
      //   }
      //   marker.on("dragend", onDragEnd);

      // 多个标记点（可拖动）
      let markerList = []; //标记点集合
      var isDrag = true; //可以拖动：draggable: true

      // 经纬度点集合
      var markerMore = [
        { longitude: -25.400390624998096, latitude: 4.91583280132032 },
        { longitude: -23.818359375007987, latitude: -3.1624555302312416 },
        { longitude: -11.337890625005741, latitude: -12.554563528580573 }
      ];
      for (let i = 0; i < markerMore.length; i++) {
        let dom = document.createElement("div");
        dom.innerHTML = `
${i}" style="width: 16px;height: 16px;background: #5393E7;border-radius: 50%;">
'`;
        var lngLat = [markerMore[i].longitude, markerMore[i].latitude];
        let marker = new mapboxgl.Marker(dom)
          .setLngLat(lngLat)
          .setDraggable(isDrag)
          .addTo(this.map);
        // console.log("marker", marker);
        marker.on("dragend", this.onDragEnd);
        markerList.push(marker);
      }

      function onDragEnd(e) {
        let marker = e.target;
        let lngLat = marker.getLngLat();
        let element = marker.getElement();
        // console.log("marker拖动结束坐标:", lngLat);
        // console.log("marker拖动结束HTML:", element);
        // 读取html元素 data携带的index属性
        let dataset = element.querySelector(".sampling-box").dataset;
        let currneMarkerIndex = dataset.index ? Number(dataset.index) : 0; // 对应的是markerMore数组的序号
      }
    script>
  body>
html>

你可能感兴趣的:(地图,mapbox地图)

  • Google earth studio 简介 陟彼高冈yu 旅游
    GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
  • Redis系列：Geo 类型赋能亿级地图位置计算 Ly768768 redisbootstrap数据库
    1前言我们在篇深刻理解高性能Redis的本质的时候就介绍过Redis的几种基本数据结构，它是基于不同业务场景而设计的：动态字符串(REDIS_STRING)：整数(REDIS_ENCODING_INT)、字符串(REDIS_ENCODING_RAW)双端列表(REDIS_ENCODING_LINKEDLIST)压缩列表(REDIS_ENCODING_ZIPLIST)跳跃表(REDIS_ENCODI
  • 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偏移。自动化下载：多线程下载地图瓦片，提高效率。图像
  • 承担即成长 吉林付巍巍
    《苏霍姆林斯基教育学》课程，几天前召开了义工培训会，我听了回放后主动联系郑老师要求加入义工团队。虽然这样每周要付出至少一天的时间进行打卡阅读和点评，但这样可以强迫规划好每日的作息时间，完成专业阅读方面的学习，这种重要的事情是必须要融入日常的生活中的，这一工作的申请也督促我合理安排自己的时间，把碎片化的时间整合好，无形中提高了每日利用时间的效率。上学期跟随着教师阅读地图课程组进行点评，发现了许多优秀
  • uniapp使用内置地图选择插件，实现地址选择并在地图上标点 神夜大侠 Uniappvue.jsuniapp
    uniapp使用内置地图选择插件，实现地址选择并在地图上标点代码如下：page{background:#F4F5F6;}::-webkit-scrollbar{width:0;height:0;color:transparent;}page{height:100%;width:100%;font-size:24rpx;}image,view,input,textarea,label,text,na
  • 生成式地图制图 Bwywb_3 深度学习机器学习深度学习生成对抗网络
    生成式地图制图（GenerativeCartography）是一种利用生成式算法和人工智能技术自动创建地图的技术。它结合了传统的地理信息系统（GIS）技术与现代生成模型（如深度学习、GANs等），能够根据输入的数据自动生成符合需求的地图。这种方法在城市规划、虚拟环境设计、游戏开发等多个领域具有应用前景。主要特点：自动化生成：通过算法和模型，系统能够根据输入的地理或空间数据自动生成地图，而无需人工逐
  • ArcGIS Pro SDK （十四）地图探索 5 时间与动画 WineMonk ArcGISProSDKarcgisarcgisprosdkgisc#
    ArcGISProSDK（十四）地图探索5时间与动画文章目录ArcGISProSDK（十四）地图探索5时间与动画1时间1.1时间提前1个月1.2禁用地图中的时间。2动画2.1设置动画长度2.2缩放动画2.3相机关键帧2.4插值相机2.5插值时间2.6插值范围2.7创建摄像机关键帧2.8创建时间关键帧2.9创建范围关键帧2.10创建图层关键帧环境：VisualStudio2022+.NET6+Arc
  • 500吨“翔”要来了，我们投“翔”么？ 蜗牛哒嗒
    AD：打开支付宝首页搜索“7857987”立即领取红包事件起因：小区直线距离不到500米的地方要建一个大型垃圾站了，每天能处理500吨的垃圾！！！以后的日子里……不能淡定了。。。公示摘要：项目：罗泾中转站改扩建项目（宝山区生物能源再利用项目）地点：宝山区宝山工业园区潘川路1510号用地面积：8316.63平方米公示网站：宝山区人民政府门户网站看到这个公示的规划设计图，再去百度地图上搜了一看，那距离
  • vue3+ts+supermap icilent3d for cesium功能集合 用你的胜利博我一笑吧 arcgis
    会把各项功能链接放在这1.vue3配置supermapicilent3dforcesiumvue3中使用supermapicilent3dforcesium_npm引入supermapgis-CSDN博客2.功能2.1加载天地图，加载地形，夸大地形supermapicilent3dforcesium加载地形并夸大地形-CSDN博客2.2加载雨雪天气，并添加白色的材质2.3调整图层高度，透明度等信息
  • 2023-04-06 晨间日记 Lily17
    今天是什么日子起床：6:16就寝：10：30天气：晴心情：一般纪念日：无总目标：学习网盘课程，阅读电子书籍目标分解：设计知识地图日常记录：7:10英语8:45日记微习惯：微习惯1：每天早上6点30起床，不玩手机执行情况：完成，微习惯2-1：搜集选题和素材执行情况：未完成2-2整理素材，撰写文章执行情况：未完成每天坚持寻找素材。微习惯3：每天运动执行情况：未完成微习惯4：每天晚上九点洗澡执行情况：未
  • 婆家和娘家，都不是自己家 消消手作
    “嫁出去的女儿泼出去的水”这句话描述得很真实。特别是对于远嫁的女儿，娘家即使再好也“回不去”了。“婆婆不是亲妈”这句话确切地描述了婆媳关系，以及婆家对于已婚女人的待遇。事实上，我们跟婆婆公公分开住。地图距离只有几公里，但几个月见不上面也是习以为常的事了。自从十八岁离家去读大学至今，我就开始跟“自己家”保持了几百公里的距离。我妈很奇怪，在我读书至工作这段时间，她从来不会说我“离家远”。直到我结婚之后
  • R 地图绘制-比例尺与指北针 jamesjin63
    ggplot绘制mapR语言可以进行数据分析，也可以进行地图绘制，而且非常简洁，快速。虽然Arcgis基于桌面可视化操作，能够进行空间分析，但是唯一不足的就是操作步骤繁琐而且一不小心，就要从头再来，可重复性较低。这篇文章主要讲述如何利用R语言中的ggplot与sf绘制带有指北针、图列与标尺的地图屏幕快照2020-06-28下午9.27.59.png数据我们下载非洲地区54个国家的图层Afirca.
  • 好用的手游内部号平台有哪些 GM游戏内部号平台排行榜 诸葛村夫123
    要说现在游戏中，平民玩家能白嫖的福利确实不多，但是礼包兑换码是其一，内部号，内测号是其二，下面小编就来给大家汇总一下目前最好用的游戏平台有哪些？好用的手游内部号平台有哪些GM游戏内部号平台排行榜排行榜第一：游人特权站官网-【目前拥有400多款游戏内部号的发放权】推荐指数：⭐⭐⭐⭐⭐游人特权站是大量游戏玩家的首选，其中最具代表性的就是内部号手游平台。它以多种多样的游戏玩法和丰富的游戏地图而受到众多玩
  • uniapp 获取当前位置和地理信息（微信小程序和APP） 火星代码 uni-app微信小程序小程序
    一、在微信小程序中获取位置信息1、首先引入amap-wx.130.js文件，在项目中可以新建文件夹common，在下面引入该js文件2、在使用的页面引入该js，importamapfrom'@/common/amap-wx.130.js'exportdefault{data(){return{amapPlugin:null}}}3、获取定位信息（注意先需要申请高德地图的key）申请方式如下连接vu
  • 传奇游戏盒子哪个好用-传奇手游盒子app排行榜2023 诸葛村夫123
    传奇游戏盒子一直以来都是游戏玩家们非常喜爱的产品，其便捷的游戏体验和丰富的游戏内容吸引了众多爱好者。在众多的传奇游戏盒子中，哪些最热门呢？2023年推荐哪些传奇游戏盒子呢？让我们来看看以下的排行榜吧！排行榜第一：游人特权站官网游人特权站是大量传奇游戏玩家的首选，其中最具代表性的就是传奇手游盒子。它以多种多样的游戏玩法和丰富的游戏地图而受到众多玩家的喜爱。同时，传奇盒子还有着非常贴心的客户服务，玩家
  • 传奇手游想要内部号在哪些平台申请 变态传奇内部号平台排行榜 诸葛村夫123
    要说现在游戏中，平民玩家能白嫖的福利确实不多，但是礼包兑换码是其一，内部号，内测号是其二，下面小编就来给大家汇总一下目前最好用的游戏平台有哪些？传奇手游想要内部号在哪些平台申请变态传奇内部号平台排行榜排行榜第一：游人特权站官网-【目前拥有400多款游戏内部号的发放权】推荐指数：⭐⭐⭐⭐⭐游人特权站是大量游戏玩家的首选，其中最具代表性的就是内部号手游平台。它以多种多样的游戏玩法和丰富的游戏地图而受到
  • 利用Leaflet.js创建交互式地图：绘制固定尺寸的长方形 小金子J 前端框架WebGISjavascript开发语言ecmascript前端框架信息可视化
    在现代Web开发中，交互式地图已成为展示地理位置数据的重要工具。Leaflet.js是一个轻量级、功能丰富的开源JavaScript库，用于构建移动友好的交互式地图。在本文中，我们将探讨如何利用Leaflet.js在地图上绘制一个固定尺寸的长方形，扩展我们之前实现的单个多边形绘制功能。背景我们已经实现了一个功能，允许用户在地图上绘制任意形状的多边形。现在，我们希望在此基础上增加一个新功能：用户可以
  • 原生小程序实现根据自己的设计稿自定义地图上的气泡，并点击触发其事件 前端-文龙刚 小程序小程序
    场景：在原生小程序地图上，自定义markers点的气泡样式，并且点击这些样式获取对应的信息，然后触发你自己后续的操作最终的效果：功能介绍：1、实现了地图3D/2D的切换；2、回到当前定位；3、切换视角4、地图上圈出不同的区域5、自定义坐标点的图片样式因代码太多了，所以想要具体代码的伙伴，可以私信我获取(#^.^#)
  • 提取某一个镇的行政边界_高德地图api获取行政边界矢量方法 weixin_39581845 提取某一个镇的行政边界
    高德地图api获取行政边界矢量方法发布时间：2018-09-0717:51,浏览次数：2170,标签：api1.获取高德地图web服务key2.行政区域查询API服务地址：https://restapi.amap.com/v3/config/district?parameters3.我们以山东省为例，看看山东行政边界url地址https://restapi.amap.com/v3/config/d
  • PC电脑版《真三国无双8》最新版-单机游戏下载！ 2401_87320711 电脑游戏
    游戏介绍：以一张幅员广阔的地图表现中国大陆的“开放世界”。除了维持一向轻松的操作感外，“新无双动作”更能以前所未有、万化自如的行动实现本系列以来最高等级的「一骑当千之爽快感」。再加上“众多的魅力武将”所交织成的宏伟「三国志」世界。融合了这些特点，可让玩家身临体验历史洪流的全新「真・三国无双」于此诞生！游戏截图：━好玩的单机游戏：https://pan.xunlei.com/s/VNwX7uYgH-
  • 【蓝桥杯】2.走出迷宫的最少步数——DFS 电次电次 深度优先蓝桥杯算法
    1432-【基础】走出迷宫的最少步数题目描述一个迷宫由R行C列格子组成，有的格子里有障碍物，不能走；有的格子是空地，可以走。给定一个迷宫，求从左上角走到右下角最少需要走多少步(数据保证一定能走到)。只能在水平方向或垂直方向走，不能斜着走。输入第一行是两个整数，R和C，代表迷宫的行数和列数。（1usingnamespacestd;intn,m;chara[50][50];//地图intd[50][5
  • Echarts概述，真实 2401_84094868 程序员echarts前端javascript
    ECharts是百度开源的纯Javascript图表库，目前开源可以与highcharts相匹敌的一个图表库.支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表，同时提供标题，详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件，支持多图表、组件的联动和混搭展现。2.E
  • 【数据分享】2024年5月全国省市县行政区划shp数据，下载和处理过程，带审图号 研学随笔 经验分享
    2024年5月，国家基础地理信息中心发布了《2024版国家地理信息公共服务平台（天地图）正式发布》的公告，在天地图官方网站，提供2024年省市县三级行政区划矢量数据的下载服务，数据格式为GeoJSON，审图号为GS（2024）0650号，坐标系为GCS_WGS_1984。1.数据来源2024年5月，GeoJSON格式的行政区划的数据来源于国家地理信息公共服务平台（天地图），网址为：https://
  • ArcGIS地图切片原理与算法 数智侠 GIS
    ArcGIS地图切图系列之（一）切片原理解析点击打开链接ArcGIS地图切图系列之（二）JAVA实现点击打开链接ArcGIS地图切图系列之（三）MapReduce实现点击打开链接
  • 戏剧【恶鬼屋】 吴般若
    导读：佛说：心魔为贼，隐蔽正道。当我们对外降妖除魔而不得的时候，是不是都忘记了将利刃朝向心里，没有革除心魔的大患呢？两个夜奔深山，想一求恶鬼真相的男子，给我们上了生动的一课。人物：壮士甲壮士乙【薄暮】【二壮士并肩来至山间一屋前，他们卸下重重的行李包裹】壮士甲：是这里了，肯定是这里。壮士乙：没错，地图上千真万确，就是这里。壮士甲：看上去也没什么特别，就这么间小屋，能把他们吓成那样？壮士乙：越简单越不
  • pygame制作贪吃蛇 ling1s pygamepython
    目录综述制作前的分析面向对象和面向过程对象相关（地图，蛇，食物）地图和墙体的绘制蛇的绘制食物的绘制总结代码游戏的基础（gamebase.py）引用一些基础参数的设置颜色点类（方块元素）文本类游戏主体（snake.py）引用基础参数（其实可以加到gamebase里）一些函数食物生成画图方块圆形初始化函数游戏主体暂停功能死亡判断正常游戏操作按键监听相关吃东西相关移动和检测渲染和绘制完整代码gameba
  • 归故乡 风水宝地
    这次出门忘带牙具了，忘带洗面奶，忘带充电宝的线，还有去北京都是我现安排的路线，随时查地图坐什么车，往哪边走，我妈什么都不用管。就这一路上跟我吵架不断，闹心烦的不行，完全失去自我，就要失控。虽然有人陪，但是也不愉快，她什么都要管，什么都不懂，还不知道听话，时常跟你唱反调，结果自讨苦吃，走了反方向的路再退回来，我在原地等她。亲情的牢固在于不离不弃，不论怎样，我们总能抱团取暖，互相关照，比一个人强。习惯
  • 全国离线地图矢量地图矢量数据点线面数据 一个比新手旧的新手 bigemapjava开发语言
    矢量数据、数据珍贵、谨慎下载同步视频教程：http://www.bigemap.com/video/play2018020621.html专题地图制作视频教程：http://www.bigemap.com/video/play201801172.html矢量测试数据下载:KML（KMZ）格式、DXF（DWG）格式、SHP格式:（请用BIGEMAP直接打开，可另存为SHP，DXF(AutoCAD)等
  • vue+threeJS示例（001）: 不断翻转的立体箱体 还是大剑师兰特 #ThreeJS综合教程200+threejs入门threejs教程threejs示例大剑师
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第001个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共88行）一、示例效果图二、示
  • knob UI插件使用 换个号韩国红果果 JavaScriptjsonpknob
    图形是用canvas绘制的 js代码 var paras = { max:800, min:100, skin:'tron',//button type thickness:.3,//button width width:'200',//define canvas width.,canvas height displayInput:'tr
  • Android+Jquery Mobile学习系列(5)-SQLite数据库 白糖_ JQuery Mobile
    目录导航   SQLite是轻量级的、嵌入式的、关系型数据库，目前已经在iPhone、Android等手机系统中使用,SQLite可移植性好，很容易使用，很小，高效而且可靠。   因为Android已经集成了SQLite，所以开发人员无需引入任何JAR包，而且Android也针对SQLite封装了专属的API，调用起来非常快捷方便。   我也是第一次接触S
  • impala-2.1.2-CDH5.3.2 dayutianfei impala
    最近在整理impala编译的东西，简单记录几个要点： 根据官网的信息（https://github.com/cloudera/Impala/wiki/How-to-build-Impala）： 1. 首次编译impala，推荐使用命令： ${IMPALA_HOME}/buildall.sh -skiptests -build_shared_libs -format 2.仅编译BE ${I
  • 求二进制数中1的个数 周凡杨 java算法二进制
    解法一： 对于一个正整数如果是偶数，该数的二进制数的最后一位是 0 ，反之若是奇数，则该数的二进制数的最后一位是 1 。因此，可以考虑利用位移、判断奇偶来实现。   public int bitCount(int x){ int count = 0; while(x!=0){ if(x%2!=0){ /
  • spring中hibernate及事务配置 g21121 Hibernate
    hibernate的sessionFactory配置： <!-- hibernate sessionFactory配置 --> <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> <
  • log4j.properties 使用 510888780 log4j
    log4j.properties 使用 一.参数意义说明 输出级别的种类 ERROR、WARN、INFO、DEBUG ERROR 为严重错误 主要是程序的错误 WARN 为一般警告，比如session丢失 INFO 为一般要显示的信息，比如登录登出 DEBUG 为程序的调试信息 配置日志信息输出目的地 log4j.appender.appenderName = fully.qua
  • Spring mvc-jfreeChart柱图（2） 布衣凌宇 jfreechart
    上一篇中生成的图是静态的，这篇将按条件进行搜索，并统计成图表，左面为统计图，右面显示搜索出的结果。 第一步：导包 第二步；配置web.xml(上一篇有代码) 建BarRenderer类用于柱子颜色 import java.awt.Color; import java.awt.Paint; import org.jfree.chart.renderer.category.BarR
  • 我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。 PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java
  • maven 之 cobertura 简单使用 antlove maventestunitcoberturareport
    1. 创建一个maven项目 2. 创建com.CoberturaStart.java package com; public class CoberturaStart { public void helloEveryone(){ System.out.println("=================================================
  • 程序的执行顺序 百合不是茶 JAVA执行顺序
          刚在看java核心技术时发现对java的执行顺序不是很明白了,百度一下也没有找到适合自己的资料,所以就简单的回顾一下吧   代码如下;     经典的程序执行面试题 //关于程序执行的顺序 //例如： //定义一个基类 public class A(){ public A(
  • 设置session失效的几种方法 bijian1013 web.xmlsession失效监听器
    在系统登录后，都会设置一个当前session失效的时间，以确保在用户长时间不与服务器交互，自动退出登录，销毁session。具体设置很简单，方法有三种：（1）在主页面或者公共页面中加入：session.setMaxInactiveInterval(900);参数900单位是秒，即在没有活动15分钟后，session将失效。这里要注意这个session设置的时间是根据服务器来计算的，而不是客户端。所
  • java jvm常用命令工具 bijian1013 javajvm
    一.概述         程序运行中经常会遇到各种问题，定位问题时通常需要综合各种信息，如系统日志、堆dump文件、线程dump文件、GC日志等。通过虚拟机监控和诊断工具可以帮忙我们快速获取、分析需要的数据，进而提高问题解决速度。 本文将介绍虚拟机常用监控和问题诊断命令工具的使用方法，主要包含以下工具:       &nbs
  • 【Spring框架一】Spring常用注解之Autowired和Resource注解 bit1129 Spring常用注解
    Spring自从2.0引入注解的方式取代XML配置的方式来做IOC之后，对Spring一些常用注解的含义行为一直处于比较模糊的状态，写几篇总结下Spring常用的注解。本篇包含的注解有如下几个： Autowired Resource Component Service Controller Transactional 根据它们的功能、目的，可以分为三组，Autow
  • mysql 操作遇到safe update mode问题 bitray update
        我并不知道出现这个问题的实际原理,只是通过其他朋友的博客,文章得知的一个解决方案,目前先记录一个解决方法,未来要是真了解以后,还会继续补全.     在mysql5中有一个safe update mode,这个模式让sql操作更加安全,据说要求有where条件,防止全表更新操作.如果必须要进行全表操作,我们可以执行 SET
  • nginx_perl试用 ronin47 nginx_perl试用
    因为空闲时间比较多，所以在CPAN上乱翻，看到了nginx_perl这个项目(原名Nginx::Engine)，现在托管在github.com上。地址见：https://github.com/zzzcpan/nginx-perl 这个模块的目的，是在nginx内置官方perl模块的基础上，实现一系列异步非阻塞的api。用connector/writer/reader完成类似proxy的功能（这里
  • java-63-在字符串中删除特定的字符 bylijinnan java
    public class DeleteSpecificChars { /** * Q 63 在字符串中删除特定的字符 * 输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。 * 例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.” */ public static voi
  • EffectiveJava--创建和销毁对象 ccii 创建和销毁对象
    本章内容： 1. 考虑用静态工厂方法代替构造器 2. 遇到多个构造器参数时要考虑用构建器（Builder模式） 3. 用私有构造器或者枚举类型强化Singleton属性 4. 通过私有构造器强化不可实例化的能力 5. 避免创建不必要的对象 6. 消除过期的对象引用 7. 避免使用终结方法 1. 考虑用静态工厂方法代替构造器     类可以通过
  • [宇宙时代]四边形理论与光速飞行 comsci
       从四边形理论来推论 为什么光子飞船必须获得星光信号才能够进行光速飞行？    一组星体组成星座  向空间辐射一组由复杂星光信号组成的辐射频带，按照四边形-频率假说  一组频率就代表一个时空的入口    那么这种由星光信号组成的辐射频带就代表由这些星体所控制的时空通道，该时空通道在三维空间的投影是一
  • ubuntu server下python脚本迁移数据 cywhoyi pythonKettlepymysqlcx_Oracleubuntu server
    因为是在Ubuntu下，所以安装python、pip、pymysql等都极其方便，sudo apt-get install pymysql， 但是在安装cx_Oracle（连接oracle的模块）出现许多问题，查阅相关资料，发现这边文章能够帮我解决，希望大家少走点弯路。http://www.tbdazhe.com/archives/602 1.安装python 2.安装pip、pymysql
  • Ajax正确但是请求不到值解决方案 dashuaifu Ajaxasync
    Ajax正确但是请求不到值解决方案   解决方案：1 .     async: false ,    2.     设置延时执行js里的ajax或者延时后台java方法！！！！！！！   例如：   $.ajax({     &
  • windows安装配置php+memcached dcj3sjt126com PHPInstallmemcache
    Windows下Memcached的安装配置方法 1、将第一个包解压放某个盘下面，比如在c:\memcached。 2、在终端（也即cmd命令界面）下输入 'c:\memcached\memcached.exe -d install' 安装。 3、再输入： 'c:\memcached\memcached.exe -d start' 启动。（需要注意的: 以后memcached将作为windo
  • iOS开发学习路径的一些建议 dcj3sjt126com ios
    iOS论坛里有朋友要求回答帖子，帖子的标题是： 想学IOS开发高阶一点的东西，从何开始，然后我吧啦吧啦回答写了很多。既然敲了那么多字，我就把我写的回复也贴到博客里来分享，希望能对大家有帮助。欢迎大家也到帖子里讨论和分享，地址：http://bbs.csdn.net/topics/390920759   下面是我回复的内容：   结合自己情况聊下iOS学习建议，
  • Javascript闭包概念 fanfanlovey JavaScript闭包
    1.参考资料 http://www.jb51.net/article/24101.htm http://blog.csdn.net/yn49782026/article/details/8549462 2.内容概述 要理解闭包，首先需要理解变量作用域问题 内部函数可以饮用外面全局变量 var n=999; 　　functio
  • yum安装mysql5.6 haisheng mysql
    1、安装http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm   2、yum install mysql   3、yum install mysql-server   4、vi /etc/my.cnf   添加character_set_server=utf8
  • po/bo/vo/dao/pojo的详介 IT_zhlp80 javaBOVODAOPOJOpo
        JAVA几种对象的解释 PO:persistant object持久对象,可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作. VO:value object值对象。通常用于业务层之间的数据传递，和PO一样也是仅仅包含数据而已。但应是抽象出的业务对象,可
  • java设计模式 kerryg java设计模式
    设计模式的分类：    一、 设计模式总体分为三大类： 1、创建型模式（5种）：工厂方法模式，抽象工厂模式，单例模式，建造者模式，原型模式。 2、结构型模式（7种）：适配器模式，装饰器模式，代理模式，外观模式，桥接模式，组合模式，享元模式。 3、行为型模式（11种）：策略模式，模版方法模式，观察者模式，迭代子模式，责任链模式，命令模式，备忘录模式，状态模式，访问者
  • [1]CXF3.1整合Spring开发webservice——helloworld篇 木头.java springwebserviceCXF
    Spring 版本3.2.10 CXF 版本3.1.1 项目采用MAVEN组织依赖jar 我这里是有parent的pom，为了简洁明了，我直接把所有的依赖都列一起了，所以都没version，反正上面已经写了版本 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht
  • Google 工程师亲授：菜鸟开发者一定要投资的十大目标 qindongliang1922 工作感悟人生
    身为软件开发者，有什么是一定得投资的？ Google 软件工程师 Emanuel Saringan 整理了十项他认为必要的投资，第一项就是身体健康，英文与数学也都是必备能力吗？来看看他怎么说。（以下文字以作者第一人称撰写）） 你的健康 无疑地，软件开发者是世界上最久坐不动的职业之一。 每天连坐八到十六小时，休息时间只有一点点，绝对会让你的鲔鱼肚肆无忌惮的生长。肥胖容易扩大罹患其他疾病的风险，
  • linux打开最大文件数量1,048,576 tianzhihehe clinux
    File descriptors are represented by the C int type. Not using a special type is often  considered odd, but is, historically, the Unix way. Each Linux process has a maximum number of files th
  • java语言中PO、VO、DAO、BO、POJO几种对象的解释 衞酆夼 javaVOBOPOJOpo
    PO:persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作。 BO:business object业务对象 封装业务逻辑的java对象
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他