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地图)

  • 中断向量表 Cold_Johnsnow stm32arm体系结构与编程驱动arm开发驱动开发
    中断向量表（InterruptVectorTable,IVT）是单片机（或处理器）中实现中断机制的核心数据结构，其作用类似于硬件与中断服务程序（ISR）之间的"导航地图"。它直接决定了系统在中断触发时如何快速定位到对应的处理代码。以下从技术原理、实现机制和应用设计三个层面进行深度解析：硬件级工作原理物理存储结构中断向量表存储在内存的固定起始地址（如ARMCortex-M固定在0x08000000，
  • java-通过继承android.location.Location实现自定义化的location对象 Auspemak-Derafru android
    起因：1.在中国大部分地区，由于政策原因。对定位的使用必须使用定位为俗称火星坐标的gcj02坐标系。然而，在调用安卓原生的android.location.LocationListener获取定位对象时，给到的将是以默认WGS84为坐标系的点，所以由于该种原因，导致我们在调用的大多数大陆地区api地图时会出错。2.获取到的定位点有可能出现漂移现象，为了给获取到的点打上标记，以便于后续的处理，我希望
  • 使用 Python 爬取高德地图交通数据并进行数据分析（完整教程） Python爬虫项目 python数据分析数据库selenium爬虫开发语言beautifulsoup
    一、引言在现代交通系统中，交通数据是进行智能交通管理、交通流量预测和交通规划的重要依据。高德地图（Amap）作为国内最权威的地理和交通信息平台之一，提供了丰富的开放API，允许开发者访问包括实时交通路况、路线规划、地理编码等各种数据。本教程将使用Python构建一个完整的爬虫程序，调用高德地图API，解析和存储交通数据，并通过数据分析和可视化深入挖掘交通流量特征。二、高德地图API简介2.1高德地
  • ❤【纯干货】Matplotlib总结，任何项目都用得到❤ .Boss. 支持向量机人工智能算法机器学习python
    .................❤纯干货❤..........目录1、绘制基本图形2、定制化图形3、支持多个坐标轴4、3D绘图5、动态交互绘图6、绘制地图7、绘制统计图表最后Matplotlib在很多人眼里是无敌的存在，而且可以说是无敌的存在。走过数据科学的路，路上必然有Matplotlib的风景在你周围。如果同一个项目，你的用了matplotlib不仅有基本图形、定制化图形、多个坐标轴、3D绘
  • postgis与高德地图转化 Vic2334 数据库postgresql学习
    SQL转化将PostGIS中的地理数据与高德地图所需的格式进行匹配可以涉及以下几个步骤：1.数据格式：首先，需要了解高德地图所需的地理数据格式。通常，高德地图可能接受常见的地理数据格式，如WGS84坐标系的经纬度坐标。2.坐标系转换：如果PostGIS中的地理数据使用的是不同的坐标系，可能需要进行坐标系转换。这可以通过使用专门的坐标转换库或工具来完成。3.数据提取：从PostGIS中提取所需的地理
  • ROS实践（五）机器人自动导航（robot_navigation） 简约少年 ROS机器人导航navigation
    目录一、知识点1.定位2.路径规划（1）全局路径规划（2）局部路径规划3.避障二、常用工具和传感器三、相关功能包1.move_base（决策规划）2.amcl（定位）3.costmap_2d（代价地图）4.global_planner（全局规划器）5.local_planner（局部规划器）6.map_server（地图）四、导航流程框架五、navigation导航实验1.前提准备2.实验步骤六、
  • 正则表达式 大神乔伊 工具正则表达式
    前言如果你学会了，可以忽略本文章，或去项目经验地图寻找更多答案原则1.找规律2.不要追求完美3.思考：什么开头？什么结束？什么类型？多少位数？什么范围？出现次数？语法一：对象写法letreg=newRegExp(/\d{5}/)letreg=newRegExp("\\d{5}")letstr='我的号码是12345'console.log(reg.test(str))//true二：字面量方式：l
  • ROS中的三维占用网格地图与八叉树地图详尽解析 YRr YRr ros地图
    ROS中的三维占用网格地图与八叉树地图详尽解析在机器人自主导航与环境感知领域，地图构建与表示是核心技术之一。不同的三维地图表示方法在精度、效率、存储需求等方面各有优劣，直接影响机器人在复杂环境中的表现。本文将以ROS（RobotOperatingSystem，机器人操作系统）为背景，深入探讨两种常用的三维地图表示方法——三维占用网格地图（OccupancyGridMap，简称OGM）和八叉树地图（
  • 【忍者算法】从找朋友到找变位词：一道趣味字符串问题的深入解析｜LeetCode 438 找到字符串中所有字母异位词 忍者算法 忍者算法LeetCode题解秘籍leetcode算法职场和发展面试跳槽
    LeetCode438找到字符串中所有字母异位词点此看全部题解LeetCode必刷100题：一份来自面试官的算法地图（题解持续更新中）生活中的算法还记得小时候玩的"找朋友"游戏吗？每个人都有一个字母牌，需要找到拥有相同字母组合的伙伴。比如，拿着"ate"的同学要找到拿着"eat"或"tea"的同学。这其实就是在寻找字母异位词！在实际应用中，字母异位词的检测有着广泛的用途。比如在密码学中检测可能的密
  • Google Earth Engine——导入无云 Sentinel-2 图像和NDVI计算 此星光明 GEE教程训练sentinel人工智能geendvi归一化植被指数波段运算遥感
    目录搜索和导入无云Sentinel-2图像Sentinel-2的背景打开GEE界面定义您感兴趣的领域查询Sentinel-2图像的存档过滤图像集合将图像添加到地图视图定义真彩色可视化参数探索影像定义假色可视化参数从波段组合中导出指数NDVI锻炼本实验的目的是介绍GoogleEarthEngine处理环境。在本练习结束时，您将能够搜索、查找和可视化范围广泛的遥感数据集。在第一个练习中，我们将重点关注
  • Threejs 实现 VR 看房完结 多喜乐 长安宁 threejsvuevrvue.jsthree
    效果：threejs3dVr看房gitee地址：threejs-3d-map:1、threejs实现3d地图效果链接：https://blog.csdn.net/qq_57952018/article/details/1430539902、threejs实现vr看房主要代码：src/views/PanoramicView/index.vueimport{computed,onMounted,onU
  • Threejs 实现3D 地图（07）3d 地图 完结 多喜乐 长安宁 vuethreejsthreevue.js
    ps：本案例主要对省级做了很多操作对于市级还有区级没有进一步完成。大家可以根据自己的需求来调整。目前已经完成了开发但是代码质量不是很好（没时间优化了）后续有空会继续更新，如果你有想做的但是没有实现可以留言给我我会尽量而为。代码又不懂的可以问我我会尽力解答。当然项目中也有我不懂的（借鉴其他博主的思路强行实现）3d地图完结gitee地址：threejs-3d-map:threejs实现3d地图效果包含
  • 数据目录：数字化转型的导航引擎与核心基建 领码科技 数据目录数字化转型元数据管理数据治理智能分析
    摘要：数据目录作为企业数据资产的“结构化地图”，通过系统化梳理元数据、建立多维度分类体系，成为数字化转型的底层支撑。其核心价值在于提升数据可见性、可用性与协作效率，助力企业实现从数据孤岛到智能决策的跨越。本文从定义、分类、构建逻辑切入，结合华为等企业实践，剖析数据目录如何驱动数据治理、加速业务创新，并为不同阶段的数字化转型提供可落地的实施路径。关键字：数据目录、数字化转型、元数据管理、数据治理、智
  • Vue+OpenLayers 实现点击查询要素信息 小zhi学习 vue+olvue.jscsscss3
    1、给地图绑定点击事件this.map.on('click',this.mapClick);2、导入axiosnpmiaxiosimportaxiosfrom'axios'3、编写方法mapClick(event){//获取url的getFeatureInfo请求地址varurl=this.layer.getSource().getFeatureInfoUrl(event.coordinate,t
  • Vue2+OpenLayers动态绘制两个经纬度并计算距离（提供Gitee源码） 黄团团 VueOpenLayersgiteejavascriptexceljavahtml前端
    目录一、案例截图二、安装OpenLayers库三、代码实现3.1、初始化变量3.2、开始/结束绘制3.3、计算两点距离3.4、添加文本标注3.5、添加点3.6、添加线3.7、初始化地图点击事件3.8、加载地图3.9、完整代码四、Gitee源码一、案例截图二、安装OpenLayers库npminstallol三、代码实现页面代码如下：&l
  • Vue2+OpenLayers实现点位拖拽功能（提供Gitee源码） 黄团团 VueOpenLayersgitee前端htmljavascript开发语言
    目录一、案例截图二、安装OpenLayers库三、代码实现3.1、初始化变量3.2、创建一个点3.3、将点添加到地图上3.4、实现点位拖拽3.5、完整代码四、Gitee源码一、案例截图可以随意拖拽点位到你想要的位置二、安装OpenLayers库npminstallol三、代码实现3.1、初始化变量关键代码：data(){return{map:null,vectorLayer:null,}},3.2
  • 国家地理信息公共服务平台的天地图 gys9895 百度地图js
    文章目录一、国家地理信息公共服务平台的天地图二、地图转换1.GIS数据格式坐标转换（地球坐标WGS84、GCJ-02、火星坐标、百度坐标BD-09、国家大地坐标系CGCS2000）2.读入数据总结一、国家地理信息公共服务平台的天地图三大地图付费后，仍可用的免费商用地图APIFailedtoresolveloader:sass-loader如果是本地测试，那么对应的白名单设置为null第一步，在Vu
  • 地理信息系统（ArcGIS）在水文水资源、水环境中的应用 科研的力量 水文地质土壤arcgis水文水资源
    一ArcGIS：数据管理1.1ArcGIS界面及数据加载1.2ArcGIS常见数据格式1.3基于Geodatabase的数据库构建1.4环境信息的查询与输出1.5文档保存方式二ArcGIS：数据转换2.1常用地图投影介绍2.2投影变换2.3地理坐标转换（北京54、西安80、WGS84及国家2000坐标转换）2.4数据结构转换2.5数据格式转换2.6数据类型转换三ArcGIS：地图制作3.1GIS制
  • GIS开发：Arcgis的切片格式 GIS技术杂谈 arcgis切片gis
    常规的地图切片，存储在计算机的目录，一般都是以数字的模式，表现层级的文件夹名称，无外乎缩放等级（level），横向的切片数（x）,纵向的切片数（y），例如下边的一个切片存放文件夹，按照level\y\x.jpg进行存储的。Arcgis的切片格式，也是按照一定的文件夹目录组织的，只是命名规则稍微有些不同，arcgis的切片图层可以在arcmap中直接进行查看，并且可通过arcmap，将切片图层发布到
  • 使用GMap.NET类库，实现地图轨迹回放。(WPF版) 源之缘-OFD专家—求职中 WPFgis.netwpfhadoop
    前言实现轨迹回放，GMap.NET有对应的类GMapRoute。这个类函数很少，功能有限，只能实现简单的轨迹回放。要实现更复杂的轨迹回放，就需要自己动手了。本文介绍一种方法，可以实现复杂的轨迹回放。有句话“功夫在诗外”，GMap.NET给你提供了基本地图处理功能；但是不要让CMap.NET束缚了手脚。你需要有深刻理解地图实现原理，深入理解WPF动画的原理,才能到达随心所欲。最终的效果如下：GMap
  • 物联网-铁路局“管理工区一张图”实现方案 小赖同学啊 智能硬件物联网
    铁路局“管理公区一张图”实现方案“管理公区一张图”是指通过地理信息系统（GIS）、物联网（IoT）、大数据和可视化技术，将铁路局管辖范围内的所有公共区域（如车站、线路、设备、设施等）集成到一张数字化地图上，实现统一管理、实时监控和智能决策。以下是实现方案和技术架构的详细说明。1.实现目标统一地图展示：将铁路局管辖范围内的所有公区（如车站、线路、设备、设施等）集成到一张数字化地图上。实时监控：实时监
  • HarmonyOS学习第20天:让应用“找准方向”的地图与定位秘籍 老三不说话、 harmonyos学习华为
    引言：开启HarmonyOS应用的位置感知之旅在这个信息爆炸的时代，我们的生活与地理位置信息紧密相连。无论是寻找一家心仪的餐厅，规划一次完美的旅行，还是追踪快递的实时位置，地图与定位服务都扮演着至关重要的角色。对于HarmonyOS应用开发者而言，集成地图与定位服务，能为应用赋予强大的位置感知能力，拓展应用的边界，为用户带来更加丰富、便捷的体验。以出行类应用为例，借助地图与定位功能，用户可以实时获
  • HarmonyOS NEXT实战开发：显示图片 (Image) 「已注销」 鸿蒙鸿蒙next版harmonyos华为鸿蒙android
    开发者经常需要在应用中显示一些图片，例如：按钮中的icon、网络图片、本地图片等。在应用中显示图片需要使用Image组件实现，Image支持多种图片格式，包括png、jpg、bmp、svg和gif。Image通过调用接口来创建，接口调用形式如下：Image(src:PixelMap|ResourceStr|DrawableDescriptor)该接口通过图片数据源获取图片，支持本地图片和网络图片的
  • html无法显示图片解决方法 BingJJJ html前端java
    问题：只能插入网络上的图片，而不能插入本地图片，会出现无法解析的情况，只能显示图片的alt/*本地图片无论使用什么路径都无法插入*//*网络图片链接可以插入*/解决：在根目录的static（静态文件）下插入，使用url_for函数
  • 开发那点事（十一）微信小程序地图聚合功能实现 开发那点事 开发那点事小程序web地图聚合
    写在前面的话公司项目需求要在微信小程序上实现地图marker点聚合的功能，百度苦寻无果，故自己实现。最终效果示例代码点我获取核心思路marker标签中的callout属性用来显示聚合点的数量点击聚合点时，以聚合点为中心放大地图，不需要再次请求后台接口根据map组件scale缩放级别将地图分成一个一个的小格子，计算小格子中marker点的数量由于小程序无法像网页端那样处理庞大的数据量，为了提高用户体
  • 机器狗监控系统软件工程师面试题 道亦无名 机器人面试机器狗
    大部分企业会使用的面试题一、基础知识编程语言方面请简述C++中多态的实现方式，在机器狗监控系统中，哪里可能会用到多态来提高代码的扩展性？例如不同型号机器狗的运动控制模块。Python作为脚本语言在系统开发中有诸多应用，说说Python的GIL（全局解释锁）对多线程性能的影响，以及在实时数据采集与处理场景下如何规避。数据结构与算法若要实现机器狗的路径规划，你会选择哪种数据结构来存储地图信息，比如栅格
  • 100.Vue3 + OpenLayers：使用 marker-feature 添加 Marker 吉檀迦俐 OpenLayersvue.js前端javascript深度学习openlayers
    在前端GIS（地理信息系统）开发中，OpenLayers是一个强大的开源地图库，可以帮助开发者快速构建Web地图应用。本文将详细介绍如何在Vue3项目中，使用OpenLayers并结合marker-feature插件来添加Marker。1.项目初始化如果你的Vue3项目还没有创建，可以使用Vite进行快速搭建：npmcreatevite@latestvue-openlayers-demo--tem
  • 代码随想录算法营Day62 ｜ 寻宝（Prim算法，kruskal算法） 寂枫zero 算法python
    寻宝（Prim算法，kruskal算法）在世界的某个区域，有一些分散的神秘岛屿，每个岛屿上都有一种珍稀的资源或者宝藏。国王打算在这些岛屿上建公路，方便运输。不同岛屿之间，路途距离不同，国王希望你可以规划建公路的方案，如何可以以最短的总公路距离将所有岛屿联通起来（注意：这是一个无向图）。给定一张地图，其中包括了所有的岛屿，以及它们之间的距离。以最小化公路建设长度，确保可以链接到所有岛屿。最小生成树P
  • 用 Claude3.5 从零写扫雷游戏-实现蜂窝地图 selfboot0 AI编程aichatgpt
    上一篇用Claude3.5从零写扫雷游戏-基本功能篇中，在Claude3.5的帮助下，我这前端小白也基本完成了一个完整的扫雷游戏。不过只是传统的方格扫雷，如果换成蜂窝扫雷游戏，Claude3.5能实现吗？先来看成果吧，可以在在线扫雷游戏中体验：Claude3.5蜂窝扫雷实现考虑到前面已经实现了基本的方格扫雷，并且我们很机智的把逻辑，渲染，UI组件都分开了。那么实现蜂窝状的扫雷，也可以按照这个思路来
  • Uniapp使用地图的时候滑动上层的view地图也滑动 堕落年代 uniappuni-app
    问题根源分析原生组件层级：uniapp中的原生地图组件（如）默认处于最高层级，普通视图元素无法覆盖事件冒泡机制：触摸事件会穿透到下层组件滚动冲突：当内容滚动到底部/顶部时继续滑动会触发父容器滚动完整解决方案步骤1：结构优化到这里去步骤2：样式控制/*地图容器*/.map-container{position:fixed;width:100%;height:100vh;z-index:1;/*确保低
  • 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其他