wyk760629476
wyk760629476

地图插件 vue2-leaflet

  1. 安装使用
    1. 安装命令 
      npm install leaflet vue2-leaflet --save
// 或者
yarn add leaflet vue2-leaflet

    2. 使用 
      // 重点 重点 重点，千万别忘记引入样式，否则地图显示错位
import 'leaflet/dist/leaflet.css';

// 引入想要使用的组件
import { LMap, LTileLayer, LMarker } from 'vue2-leaflet';

export default {
  name: 'MyAwesomeMap',
  components: {
    LMap,
    LTileLayer,
    LMarker,
  },
};

      注意： vue2-leaflet 是对leaflet的封装，在vue项目中可以直接使用vue2-leaflet，但是需要同时安装两个依赖
      vue2-leaflet的官网地址
      leaflet官网地址

  2. 常用插件
    1. Base
      1. l-map  API各种类中的核心部分，用来在页面中创建地图并操纵地图
        1. Props
          Prop name Description Type Values Default
          options Leaflet options to pass to the component constructor
          （传递参数给组件构造函数）          		 object - {}
          center The center of the map, supports .sync modifier
          (地图的中心点)          		 object|array - () => [0, 0]
          bounds The bounds of the map, supports .sync modifier
          （地图的边界）          		 array|object - null
          maxBounds The max bounds of the map
          （地图的最大边界）          		 array|object - null
          zoom The zoom of the map, supports .sync modifier
          （地图的缩放）          		 number - 0
          minZoom The minZoom of the map
          （地图的最大缩放）          		 number - null
          maxZoom The maxZoom of the map
          （地图的最小缩放）          		 number - null
          paddingBottomRight The paddingBottomRight of the map
          （地图的右下角）          		 array - null
          paddingTopLeft The paddingTopLeft of the map
          （地图左上角）          		 array - null
          padding The padding of the map
          （地图内部填充）          		 array - null
          worldCopyJump The worldCopyJump option for the map
          （地图的世界复制跳转选项）          		 boolean - false
          crs The crs option for the map
          （地图的crs选项）          		 object CRS.EPSG3857 () => CRS.EPSG3857
          maxBoundsViscosity number - null
          inertia boolean - null
          inertiaDeceleration number - null
          inertiaMaxSpeed number - null
          easeLinearity number - null
          zoomAnimation boolean - null
          zoomAnimationThreshold number - null
          fadeAnimation boolean - null
          markerZoomAnimation boolean - null
          noBlockingAnimations boolean - false

        2. Events

          Event name Type Description
          leaflet:load DEPRECATED event
          ready object Triggers when the component is ready
          update:zoom number,string Triggers when zoom is updated
          update:center object,array Triggers when center is updated
          update:bounds object Triggers when bounds are updated
        3. leaflet 中文API

          L.Map

          API各种类中的核心部分，用来在页面中创建地图并操纵地图.

          地图插件 vue2-leaflet_第1张图片

          使用 example

          // initialize the map on the "map" div with a given center and zoom
var map = L.map('map', {
	center: [51.505, -0.09],
	zoom: 13
});

          构造器

          构造器 使用 描述
          L.Map(  id,  options? ) new L.Map(…)
          L.map(…)          		 通过div元素和带有地图选项的描述的文字对象来实例化一个地图对象，其中文字对象是可选的。

          Options

          Map State Options

          选项 类型 默认值 描述
          center LatLng null 初始化地图的地理中心.
          zoom Number null 初始化地图的缩放.
          layers ILayer[] null 初始化后加载到地图上的图层.
          minZoom Number null 地图的最小视图。可以重写地图图层的minZoom.
          maxZoom Number null 地图的最大视图。可以重写地图图层的maxZoom.
          maxBounds LatLngBounds null 当这个选项被设置后，地图被限制在给定的地理边界内，当用户平移将地图拖动到视图以外的范围时会出现弹回的效果， 并且也不允许缩小视图到给定范围以外的区域（这取决于地图的尺寸）。 使用setMaxBounds方法可以动态地设置这种约束.
          crs CRS L.CRS.
          EPSG3857          		 使用的坐标系，当你不确定坐标系是什么时请不要更改.

          Interaction Options

          选项 类型 默认值 描述
          dragging Boolean true 决定地图是否可被鼠标或触摸拖动.
          touchZoom Boolean true 决定地图是否可被两只手指触摸拖拽缩放.
          scrollWheelZoom Boolean true 决定地图是否被被鼠标滚轮滚动缩放.
          doubleClickZoom Boolean true 决定地图是否可被双击缩放.
          boxZoom Boolean true 决定地图是否可被缩放到鼠标拖拽出的矩形的视图，鼠标拖拽时需要同时按住shift键.
          tap Boolean true Enables mobile hacks for supporting instant taps (fixing 200ms click delay on iOS/Android) and touch holds (fired as contextmenu events).
          tapTolerance Number 15 The max number of pixels a user can shift his finger during touch for it to be considered a valid tap.
          trackResize Boolean true 确定地图在窗口尺寸改变时是否可以自动处理浏览器以更新视图.
          worldCopyJump Boolean false 当这个选项可用时，当你平移地图到其另一个领域时会被地图捕获到，并无缝地跳转到原始的领域以保证所有标注、矢量图层之类的覆盖物仍然可见.
          closePopupOnClick Boolean true 当你不想用户点击地图关闭消息弹出框时，请将其设置为false .

          Keyboard Navigation Options

          选项 类型 默认值 描述
          keyboard Boolean true 聚焦到地图且允许用户通过键盘的方向键和+/-键来漫游地图.
          keyboardPanOffset Number 80 确定按键盘方向键时地图平移的像素.
          keyboardZoomOffset Number 1 确定键盘+ or -键对于的缩放级数.

          Panning Inertia Options

          选项 类型 默认值 描述
          inertia Boolean true 如果该选项可用，在拖动和在某一时间段内持续朝同一方向移动建有动力的地图时，会有惯性的效果.
          inertiaDeceleration Number 3000 确定惯性移动减速的速率，单位是像素每秒的二次方2.
          inertiaMaxSpeed Number 1500 惯性移动的最大速度，单位是像素每秒.
          inertiaThreshold Number depends 放开鼠标或是触摸来停止惯性移动与移动停止之间的毫秒数.

          Control options

          选项 类型 默认值 描述
          zoomControl Boolean true 确定zoom control是否默认加载在地图上 .
          attributionControl Boolean true 确定attribution control是否默认加载在地图上.

          Animation options

          选项 类型 默认值 描述
          fadeAnimation Boolean depends 确定瓦片淡出动画是否可用。通常默认在所有浏览器中都支持CSS3转场，android例外.
          zoomAnimation Boolean depends 确定瓦片缩放动画是否可用。通常默认在所有浏览器中都支持CSS3转场，android例外.
          zoomAnimationThreshold Number 4 Won't animate zoom if the zoom difference exceeds this value.
          markerZoomAnimation Boolean depends 确定注记的缩放是否随地图缩放动画而播放，如果被禁用，注记在动画中拉长时会消失。通常默认在所有浏览器中都支持CSS3转场，android例外.

          Events

          You can subscribe to the following events using these methods.

          Event Data 描述
          click MouseEvent 用户点击或触摸地图时触发.
          dblclick MouseEvent 用户双击或连续两次触摸地图时触发.
          mousedown MouseEvent 用户按下鼠标按键时触发.
          mouseup MouseEvent 用户按下鼠标按键时触发.
          mouseover MouseEvent 鼠标进入地图时触发.
          mouseout MouseEvent 鼠标离开地图时触发.
          mousemove MouseEvent 鼠标在地图上移动时触发.
          contextmenu MouseEvent 当用户在地图上按下鼠标右键时触发，如果有监听器在监听这个时间，则浏览器默认的情景菜单被禁用.
          focus Event 当用户在地图上进行标引、点击或移动时进行聚焦.
          blur Event 当地图失去焦点时触发.
          preclick MouseEvent 当鼠标在地图上点击之前触发。有时会在点击鼠标时，并在已存在的点击事件开始处理之前想要某件事情发生时用得到.
          load Event 当地图初始化时触发。（当地图的中心点和缩放初次设置时）.
          unload Event Fired when the map is destroyed with remove method.
          viewreset Event 当地图需要重绘内容时触发。（通常在地图缩放和载入时发生）这对于创建用户自定义的叠置图层非常有用.
          movestart Event 地图视图开始改变时触发。（比如用户开始拖动地图）.
          move Event 所有的地图视图移动时触发.
          moveend Event 当地图视图结束改变时触发。（比如用户停止拖动地图）.
          dragstart Event 用户开始拖动地图时触发.
          drag Event 用户拖动地图时不断重复地触发.
          dragend Event 用户停止拖动时触发.
          zoomstart Event 当地图缩放即将发生时触发。（比如缩放动作开始前）.
          zoomend Event 当地图缩放时触发.
          zoomlevelschange Event Fired when the number of zoomlevels on the map is changed due to adding or removing a layer.
          resize ResizeEvent Fired when the map is resized.
          autopanstart Event 打开弹出窗口时地图开始自动平移时触发.
          layeradd LayerEvent 当一个新的图层添加到地图上时触发.
          layerremove LayerEvent 当一些图层从地图上移除时触发.
          baselayerchange LayerEvent 当通过layer control改变基础图层时触发.
          overlayadd LayerEvent Fired when an overlay is selected through the layer control.
          overlayremove LayerEvent Fired when an overlay is deselected through the layer control.
          locationfound LocationEvent 当地理寻址成功时触发（使用locate方法）
          locationerror ErrorEvent 当地理寻址错误时触发（使用locate方法）
          popupopen PopupEvent 当弹出框打开时触发（使用openPopup方法）
          popupclose PopupEvent 当弹出框关闭时触发（使用closePopup方法）

          地图状态修改

          方法 返回值 描述
          setView(  center,  zoom,  options? ) this 设定地图（设定其地理中心和缩放）.
          setZoom(  zoom,  options? ) this 设定地图的缩放.
          zoomIn(  delta?,  options? ) this 通过delta变量放大地图的级别，1是delta的默认值.
          zoomOut(  delta?,  options? ) this 通过delta变量缩小地图的级别，1是delta的默认值.
          setZoomAround(  latlng,  zoom,  options? ) this Zooms the map while keeping a specified point on the map stationary (e.g. used internally for scroll zoom and double-click zoom).
          fitBounds(  bounds,  options? ) this 将地图视图尽可能大地设定在给定的地理边界内.
          fitWorld(  options? ) this 将地图视图尽可能大地设定在包含全部地域的级别上.
          panTo(  latlng,  options? ) this 将地图平移到给定的中心。如果新的中心点在屏幕内与现有的中心点不同则产生平移动作.
          panInsideBounds(  bounds ) this 平移地图到坐落于给定边界最接近的视图内.
          panBy(  point,  options? ) this 通过给定的像素值对地图进行平移.
          invalidateSize(  options?,  options? ) this 检查地图容器的大小是否改变并更新地图，如果是这样的话，在动态改变地图大小后调用，如果animate是true的话，对地图进行更新.
          setMaxBounds(  bounds,  options? ) this 将地图限定在给定的边界内 (map maxBounds).
          locate(  options? ) this 用地理定位接口Geolocation API获取用户位置信息，在成功定位或定位出错产生locationerror后解除location-found事件与定位数据，且将地图视图设定到检测的确切的用户的位置（如果定位失败则回到地域视图）。在Locate options中有更多详细内容。
          stopLocate() this Stops watching location previously initiated by map.locate({watch: true}) and aborts resetting the map view if map.locate was called with {setView: true}.
          remove() this Destroys the map and clears all related event listeners.

          获取地图状态

          方法 返回值 描述
          getCenter() LatLng 返回地图视图的地理中心.
          getZoom() Number 获取地图视图现在所处的缩放级别.
          getMinZoom() Number 返回地图最小的缩放级别.
          getMaxZoom() Number 返回地图最大的缩放级别.
          getBounds() LatLngBounds 返回地图视图的经纬度边界.
          getBoundsZoom(  bounds,  inside? ) Number 返回适应整个地图视图边界的最大缩放级别。如果inside的设置时true，这个方法返回适应整个地图视图边界的最小缩放级别.
          getSize() Point 返回现有地图容器的大小.
          getPixelBounds() Bounds 返回地图视图在像素投影坐标系下的边界。（很多时候对用户自定义图层和叠加很有用）.
          getPixelOrigin() Point 返回地图图层像素投影坐标系下的左上角的点。（很多时候对用户自定义图层和叠加很有用）.

          图层控制/h3>

          方法 返回值 描述
          addLayer(  layer,  insertAtTheBottom? ) this 将图层添加到地图上。如果insertAtTheBottom的选项为true，图层添加时在所以图层之下。（在切换基底图时比较有用）.
          removeLayer(  layer ) this 将图层在地图上移除.
          hasLayer(  layer ) Boolean 如果添加的图层是当前图层则返回true.
          openPopup(  popup ) this 当关闭前一个弹出框时弹出指定的对话框。（确定在同一时间只有一个打开并可用）.
          openPopup(  html |  el,  latlng,  options? ) this Creates a popup with the specified options and opens it in the given point on a map.
          closePopup(  popup? ) this 关闭openPopup打开的弹出框.
          addControl(  control ) this 在地图上添加控制选项.
          removeControl(  control ) this 在地图上移除控制选项.

          转换方法

          方法 返回值 描述
          latLngToLayerPoint(  latlng ) Point 返回地图图层上与地理坐标相一致的点。（在地图上进行位置叠加时比较有用）.
          layerPointToLatLng(  point ) LatLng 返回给定地图上点的地理坐标系.
          containerPointToLayerPoint(  point ) Point 将于地图容器相关的点转换为地图图层相关的点.
          layerPointToContainerPoint(  point ) Point 将地图图层相关的点转换为地图容器相关的点.
          latLngToContainerPoint(  latlng ) Point 返回与给定地理坐标系相符的地图容器的点.
          containerPointToLatLng(  point ) LatLng 返回给定地理容器点的地理坐标.
          project(  latlng,  zoom? ) Point 将地理坐标投影到指定缩放级别的像素坐标系中.
          unproject(  point,  zoom? ) LatLng 将像素坐标系投影到指定缩放级别的地理坐标系中。（默认为当前的缩放级别）.
          mouseEventToContainerPoint(  event ) Point 返回鼠标点击事件对象的像素坐标（与地图左上角相关）.
          mouseEventToLayerPoint(  event ) Point 返回鼠标点击事件对象的像素坐标（与地图图层相关）.
          mouseEventToLatLng(  event ) LatLng 返回鼠标点击事件对象的地理坐标.

          其他方法

          方法 返回值 描述
          getContainer() HTMLElement 返回地图容器对象.
          getPanes() MapPanes 返回不同地图对象的边框（叠加渲染).
          whenReady(  fn,  context? ) this 当地图的位置和缩放初始化好或是时间发生之后，运行给定的回调方法，通常传递一个函数内容.

          位置选项

          选项 类型 默认值 描述
          watch Boolean false 如果该值为真，则开始利用W3C的watchPosition方法监听位置变化情况（而不是指监听一次）。你可以通过map.stoplocate()方法来停止监听.
          setView Boolean false 如果该值为真，则通过自动将地图视图定位到用户一定精度范围内的位置，如果地理定位失败则显示全部地图.
          maxZoom Number Infinity 在使用setView选项时视图缩放的最大级别.
          timeout Number 10000 在触发locationerror事件之前等待地理定位的毫秒为单位的时间.
          maximumAge Number 0 位置监听的最大生命周期。如果比最后定位回复后毫秒用时短，则locate返回一个缓存位置.
          enableHighAccuracy Boolean false 开启高精度，参加 W3C SPEC的描述.

          Zoom/pan options

          选项 类型 默认值 描述
          reset Boolean false If true, the map view will be completely reset (without any animations).
          pan pan options - Sets the options for the panning (without the zoom change) if it occurs.
          zoom zoom options - Sets the options for the zoom change if it occurs.
          animate Boolean - An equivalent of passing animate to both zoom and pan options (see below).

          Pan options

          选项 类型 默认值 描述
          animate Boolean - If true, panning will always be animated if possible. If false, it will not animate panning, either resetting the map view if panning more than a screen away, or just setting a new offset for the map pane (except for `panBy` which always does the latter).
          duration Number 0.25 Duration of animated panning.
          easeLinearity Number 0.25 The curvature factor of panning animation easing (third parameter of the Cubic Bezier curve). 1.0 means linear animation, the less the more bowed the curve.
          noMoveStart Boolean false If true, panning won't fire movestart event on start (used internally for panning inertia).

          Zoom options

          选项 类型 默认值 描述
          animate Boolean - If not specified, zoom animation will happen if the zoom origin is inside the current view. If true, the map will attempt animating zoom disregarding where zoom origin is. Setting false will make it always reset the view completely without animation.

          fitBounds options

          The same as zoom/pan options and additionally:

          选项 类型 默认值 描述
          paddingTopLeft Point [0,0] Sets the amount of padding in the top left corner of a map container that shouldn't be accounted for when setting the view to fit bounds. Useful if you have some control overlays on the map like a sidebar and you don't want them to obscure objects you're zooming to.
          paddingBottomRight Point [0,0] The same for bottom right corner of the map.
          padding Point [0,0] Equivalent of setting both top left and bottom right padding to the same value.

          Properties

          M地图属性包括互动操作，允许你在运行环境中互动地控制地图行为，比如通过拖拽和点击缩放级别显示和不显示某要素. Example:

          map.doubleClickZoom.disable();

          You can also access default map controls like attribution control through map properties:

          map.attributionControl.addAttribution("Earthquake data © GeoNames");
          Property 类型 描述
          dragging IHandler 地图拖拽处理程序，可以通过鼠标和触摸的形式.
          touchZoom IHandler 触摸地图缩放处理程序.
          doubleClickZoom IHandler 双击缩放处理程序.
          scrollWheelZoom IHandler 滚动缩放处理程序.
          boxZoom IHandler 矩形框（利用鼠标拖动）缩放处理程序.
          keyboard IHandler 键盘导向处理程序.
          tap IHandler Mobile touch hacks (quick tap and touch hold) handler.
          zoomControl Control.Zoom 缩放控制.
          attributionControl Control.Attribution 属性控制.

          地图窗口

          望文思义，这是一个包括可以用来放置自定义图层的不同的地图窗口的对象。最大的区别是图层的叠置.

          Property 类型 描述
          mapPane HTMLElement 包含其他地图窗口的窗口.
          tilePane HTMLElement 切片图层的窗口.
          objectsPane HTMLElement 包含除切片窗口以外所有窗口的窗口.
          shadowPane HTMLElement 用来隐藏图层的窗口（如标注的隐藏）.
          overlayPane HTMLElement 这线段和多边形一类图层的窗口.
          markerPane HTMLElement 标注图标的窗口.
          popupPane HTMLElement 弹出的窗口.

           

    2. #Shapes

      1. l-circle（通过给定的地理点和以米为单位的半径和选项对象来实例化一个圆对象。）

        1. Props

          Prop name Description Type Values Default
          pane string - 'overlayPane'
          attribution string - null
          name string - undefined
          layerType string - undefined
          visible boolean - true
          interactive boolean - true
          bubblingMouseEvents boolean - true
          lStyle object - null
          stroke boolean - true
          color string - '#3388ff'
          weight number - 3
          opacity number - 1.0
          lineCap string - 'round'
          lineJoin string - 'round'
          dashArray string - null
          dashOffset string - null
          fill boolean - true
          fillColor string - '#3388ff'
          fillOpacity number - 0.2
          fillRule string - 'evenodd'
          className string - null
          radius number - null
          options Leaflet options to pass to the component constructor object - {}
          latLng object|array -

          () => [0, 0]

        2. Events

          Event name Type Description
          update:visible boolean Triggers when the visible prop needs to be updated
          ready object Triggers when the component is ready

      2. l-polygon（过给定地理点组成的数组和选项对象来实例化一个多边形）

        1. Props

          Prop name Description Type Values Default
          pane string - 'overlayPane'
          attribution string - null
          name string - undefined
          layerType string - undefined
          visible boolean - true
          interactive boolean - true
          bubblingMouseEvents boolean - true
          lStyle object - null
          stroke boolean - true
          color string - '#3388ff'
          weight number - 3
          opacity number - 1.0
          lineCap string - 'round'
          lineJoin string - 'round'
          dashArray string - null
          dashOffset string - null
          fill boolean - true
          fillColor string - '#3388ff'
          fillOpacity number - 0.2
          fillRule string - 'evenodd'
          className string - null
          smoothFactor number - 1.0
          noClip boolean - false
          options Leaflet options to pass to the component constructor object - {}
          latLngs array -

          []

        2. Events

          Event name Type Description
          update:visible boolean Triggers when the visible prop needs to be updated
          ready object Triggers when the component is ready

      3. l-polyline（通过给定的地理点组成的数组和任意的选项对象实例化一个线段）

        1. Props

          Prop name Description Type Values Default
          pane string - 'overlayPane'
          attribution string - null
          name string - undefined
          layerType string - undefined
          visible boolean - true
          interactive boolean - true
          bubblingMouseEvents boolean - true
          lStyle object - null
          stroke boolean - true
          color string - '#3388ff'
          weight number - 3
          opacity number - 1.0
          lineCap string - 'round'
          lineJoin string - 'round'
          dashArray string - null
          dashOffset string - null
          fill boolean - false
          fillColor string - '#3388ff'
          fillOpacity number - 0.2
          fillRule string - 'evenodd'
          className string - null
          smoothFactor number - 1.0
          noClip boolean - false
          options Leaflet options to pass to the component constructor object - {}
          latLngs array - []

        2. Events

          Event name Type Description
          update:visible boolean Triggers when the visible prop needs to be updated
          ready object Triggers when the component is ready

      4. l-rectangle（通过给定的地理边界和选项对象来实例化一个矩形对象

        1. Props

          Prop name Description Type Values Default
          pane string - 'overlayPane'
          attribution string - null
          name string - undefined
          layerType string - undefined
          visible boolean - true
          interactive boolean - true
          bubblingMouseEvents boolean - true
          lStyle object - null
          stroke boolean - true
          color string - '#3388ff'
          weight number - 3
          opacity number - 1.0
          lineCap string - 'round'
          lineJoin string - 'round'
          dashArray string - null
          dashOffset string - null
          fill boolean - true
          fillColor string - '#3388ff'
          fillOpacity number - 0.2
          fillRule string - 'evenodd'
          className string - null
          smoothFactor number - 1.0
          noClip boolean - false
          options Leaflet options to pass to the component constructor object - {}
          bounds func - () => [[0,0],[0,0]]

        2. Events

          Event name Type Description
          update:visible boolean Triggers when the visible prop needs to be updated
          ready object Triggers when the component is ready

    3. #Tiles

      1. l-grid-layer（创建一个地图层，其中每个图块都是实例化的Vue组件。每个图块组件都会获得相应的coords道具，l-grid-layer以指示图块的缩放级别和位置）

        1. Props

          Prop name Description Type Values Default
          pane string - 'tilePane'
          attribution string - null
          name string - undefined
          layerType string - undefined
          visible boolean - true
          opacity number - 1.0
          zIndex number - 1
          tileSize number - 256
          noWrap boolean - false
          options Leaflet options to pass to the component constructor object - {}
          tileComponent object -

        2. Events

          Event name Type Description
          update:visible boolean Triggers when the visible prop needs to be updated
          ready object Triggers when the component is ready

      2. l-tile-layer（通过给定URL模板和具有选项的对象来实例化一个切片图层）

        1. Props

          Prop name Description Type Values Default
          pane string - 'tilePane'
          attribution string - null
          name string - undefined
          layerType string - undefined
          visible boolean - true
          opacity number - 1.0
          zIndex number - 1
          tileSize number - 256
          noWrap boolean - false
          tms boolean - false
          subdomains string|array - 'abc'
          detectRetina boolean - false
          options Leaflet options to pass to the component constructor object - {}
          url string - null
          tileLayerClass func - tileLayer

        2. Events

          Event name Type Description
          update:visible boolean Triggers when the visible prop needs to be updated
          ready object Triggers when the component is ready

      3. l-wms-tile-layer（通过给定一个基本的WMS服务的URL和WMS参数或选项对象来实例化一个WMS切片图层对象。）

        1. Props

          Prop name Description Type Values Default
          pane string - 'tilePane'
          attribution string - null
          name string - undefined
          layerType string - undefined
          visible boolean - true
          opacity number - 1.0
          zIndex number - 1
          tileSize number - 256
          noWrap boolean - false
          tms boolean - false
          subdomains string|array - 'abc'
          detectRetina boolean - false
          layers string - ''
          styles string - ''
          format string - 'image/jpeg'
          transparent boolean -
          version string - '1.1.1'
          crs object - null
          upperCase boolean - false
          options Leaflet options to pass to the component constructor object - {}
          baseUrl string - null

        2. Events

          Event name Type Description
          update:visible boolean Triggers when the visible prop needs to be updated
          ready object Triggers when the component is ready

    4. #Markers

      1. l-circle-marker（是一个特定半径的圆，半径单位是像素。是Circle的延伸。通过Map#addLayer添加到地图上）

        1. Props

          Prop name Description Type Values Default
          pane string - 'markerPane'
          attribution string - null
          name string - undefined
          layerType string - undefined
          visible boolean - true
          interactive boolean - true
          bubblingMouseEvents boolean - true
          lStyle object - null
          stroke boolean - true
          color string - '#3388ff'
          weight number - 3
          opacity number - 1.0
          lineCap string - 'round'
          lineJoin string - 'round'
          dashArray string - null
          dashOffset string - null
          fill boolean - true
          fillColor string - '#3388ff'
          fillOpacity number - 0.2
          fillRule string - 'evenodd'
          className string - null
          radius number - null
          options Leaflet options to pass to the component constructor object - {}
          latLng object|array - () => [0, 0]

        2. Events

          Event name Type Description
          update:visible boolean Triggers when the visible prop needs to be updated
          ready object Triggers when the component is ready

      2. l-icon（简单易用的配置标记图标的方式）

        1. Props
          1. Prop name Description Type Values Default
            iconUrl string - null
            iconRetinaUrl string - null
            iconSize object|array - null
            iconAnchor object|array - null
            popupAnchor object|array - () => [0, 0]
            tooltipAnchor object|array - () => [0, 0]
            shadowUrl string - null
            shadowRetinaUrl string - null
            shadowSize object|array - null
            shadowAnchor object|array - null
            bgPos object|array - () => [0, 0]
            className string - ''
            options object - {}

      3. l-marker（通过给定一个地理点和一个具有选项的对象来实例化一个注记）

    5. #Controls

      1. l-control（添加任何自定义组件作为表单控件）

        1. Props

          Prop name Description Type Values Default
          position string - 'topright'
          options Leaflet options to pass to the component constructor object - {}
          disableClickPropagation boolean - true
          disableScrollPropagation boolean - false

        2. Events

          Event name Type Description
          ready object Triggers when the component is ready

      2. l-control-attribution（将任何自定义组件添加为表单控件属​​性）

        1. Props

          Prop name Description Type Values Default
          position string - 'topright'
          options Leaflet options to pass to the component constructor object - {}
          prefix string|boolean - null

        2. Events

          Event name Type Description
          ready object Triggers when the component is ready

      3. l-control-layers（将任何自定义组件添加为表单控制层）

        1. Props

          Prop name Description Type Values Default
          position string - 'topright'
          options Leaflet options to pass to the component constructor object - {}
          collapsed boolean - true
          autoZIndex boolean - true
          hideSingleBase boolean - false
          sortLayers boolean - false
          sortFunction func - undefined

        2. Events

          Event name Type Description
          ready object Triggers when the component is ready

      4. l-control-scale（将任何自定义组件添加为表单控件比例）

        1. Props

          Prop name Description Type Values Default
          position string - 'topright'
          options Leaflet options to pass to the component constructor object - {}
          maxWidth number - 100
          metric boolean - true
          imperial boolean - true
          updateWhenIdle boolean - false

        2. Events

          Event name Type Description
          ready object Triggers when the component is ready

      5. l-control-zoom(将任何自定义组件添加为表单控件缩放)

        1. Props

          Prop name Description Type Values Default
          position string - 'topright'
          options Leaflet options to pass to the component constructor object - {}
          zoomInText string - '+'
          zoomInTitle string - 'Zoom in'
          zoomOutText string - '-'
          zoomOutTitle string - 'Zoom out'

        2. Events

          Event name Type Description
          ready object Triggers when the component is ready

    6. #Info

      1. l-popup（通过给定一些选项构造一个弹出框对象，对象用来描述出现形式和位置还有一个可选对象来根据指向的资源对象标注弹出框）

        1. Props

          Prop name Description Type Values Default
          content string - null
          options Leaflet options to pass to the component constructor object - {}
          latLng object|array - () => []

        2. Events

          Event name Type Description
          ready object Triggers when the component is ready

      2. l-tooltip（在地图上显示工具提示）

        1. Props

          Prop name Description Type Values Default
          content string - null
          options Leaflet options to pass to the component constructor object - {}

        2. Events

          Event name Type Description
          ready object Triggers when the component is ready

    7. #Grouping

      1. l-feature-group（创建一个图组，视情况指定一组初始图层）

        1. Props

          Prop name Description Type Values Default
          pane string - 'overlayPane'
          attribution string - null
          name string - undefined
          layerType string - undefined
          visible boolean - true
          options Leaflet options to pass to the component constructor object - {}

        2. Events

          Event name Type Description
          update:visible boolean Triggers when the visible prop needs to be updated
          ready object Triggers when the component is ready

      2. l-layer-group（用来将几个图层组成一个组并作为一个图层来处理。如果你将其添加到地图上，组中任何图层的添加或移除都将使其同样在地图添加或删除。继承自ILayer接口）

        1. Props

          Prop name Description Type Values Default
          pane string - 'overlayPane'
          attribution string - null
          name string - undefined
          layerType string - undefined
          visible boolean - true
          options Leaflet options to pass to the component constructor object - {}

        2. Events

          Event name Type Description
          update:visible boolean Triggers when the visible prop needs to be updated
          ready object Triggers when the component is ready

    8. #Other

      1. l-geo-json（创建一个GeoJSON图层。可以任意地接受GeoJSON格式的对象和选项对象并显示在地图上）

        1. Props

          Prop name Description Type Values Default
          pane string - 'overlayPane'
          attribution string - null
          name string - undefined
          layerType string - undefined
          visible boolean - true
          options Leaflet options to pass to the component constructor object - {}
          geojson object|array - () => ({})
          optionsStyle object|func -

          null

        2. Events

          Event name Type Description
          update:visible boolean Triggers when the visible prop needs to be updated
          ready object Triggers when the component is ready

      2. l-image-overlay（通过给定图像的URL和相关的地理范围来实例化一个图像叠加层对象。）

        1. Props

          Prop name Description Type Values Default
          pane string - 'overlayPane'
          attribution string - null
          name string - undefined
          layerType string - undefined
          visible boolean - true
          interactive boolean - false
          bubblingMouseEvents boolean - true
          url string -
          bounds -
          opacity number - 1.0
          alt string - ''
          crossOrigin boolean - false
          errorOverlayUrl string - ''
          zIndex number - 1
          className string - ''
          options Leaflet options to pass to the component constructor object - {}

        2. Events

          Event name Type Description
          update:visible boolean Triggers when the visible prop needs to be updated
          ready object Triggers when the component is ready
  3. 案例
    1. 多边形

      地址：https://vue2-leaflet.netlify.app/examples/geometry-test.html

    2. geoJSon
       

      地图插件 vue2-leaflet_第2张图片

你可能感兴趣的:(vue,vue)

  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • 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的运行
  • vue3中el-table中点击图片放大时，被表格覆盖 叫我小鹏呀 vue.jsjavascript前端
    问题：vue3中el-table中点击图片放大时，被表格覆盖。解决方法：el-image添加preview-teleported
  • vue项目element-ui的table表格单元格合并 酋长哈哈 vue.jselementuijavascript前端
    一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'
  • Vue中table合并单元格用法 weixin_30613343 javascriptViewUI
    地名结果人名性别{{item.name}}已完成未完成{{item.groups[0].name}}{{item.groups[0].sex}}{{item.groups[son].name}}{{item.groups[son].sex}}exportdefault{data(){return{list:[{name:'地名1',result:'1',groups:[{name:'张三',sex
  • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
    这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
  • Vue( ElementUI入门、vue-cli安装) m0_l5z elementuivue.js
    一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
  • 博客网站制作教程 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
  • vue+el-table 可输入表格使用上下键进行input框切换 以对_ vue学习记录vue.jsjavascript前端
    使用上下键进行完工数量这一列的切换-->//键盘触发事件show(ev,index){letnewIndex;letinputAll=document.querySelectorAll('.table_inputinput');//向上=38if(ev.keyCode==38){if(index==0){//如果是第一行,回到最后一个newIndex=inputAll.length-1}elsei
  • vue + Element UI table动态合并单元格 我家媳妇儿萌哒哒 elementUIvue.js前端javascript
    一、功能需求1、根据名称相同的合并工作阶段和主要任务合并这两列，但主要任务内容一样，但要考虑主要任务一样，但工作阶段不一样的情况。（枞向合并）2、落实情况里的定量内容和定性内容值一样则合并。（横向合并）二、功能实现exportdefault{data(){return{tableData:[{name:'a',address:'1',age:'1',six:'2'},{name:'a',addre
  • vue 创建项目报错：command failed: npm install --loglevel error 那鱼、会飞 vue.jsvue-cli3
    这个问题其实很好解决，只是很多种情况，逐一排除即可。稳下心来~vuecli3创建项目我的node版本是node14.15.0，（永远不要尝试最新版本）node各种版本下载地址：以往的版本|Node.js(nodejs.org)vue/[email protected]@vue/[email protected]（注意vue/cli2和vue/cli3的下载命名有所改变，2是-形式，3是/形式）其实报错
  • 计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署） java毕设程序源码王哥 php课程设计vue.js
    该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：原生PHP++Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是小皮phpstudy最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发
  • 字节二面 Redstone Monstrosity 前端面试
    1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
  • vue render 函数详解 (配参数详解) 你的眼睛會笑 vue2vue.jsjavascript前端
    vuerender函数详解(配参数详解)在Vue3中，`render`函数被用来代替Vue2中的模板语法。它接收一个h函数（或者是`createElement`函数的别名），并且返回一个虚拟DOM。render函数的语法结构如下：render(h){returnh('div',{class:'container'},'Hello,World!')}在上面的示例中，我们使用h函数创建了一个div元素
  • 前端代码上传文件 余生逆风飞翔 前端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
  • VUE3 + xterm + nestjs实现web远程终端 或 连接开启SSH登录的路由器和交换机。 焚木灵 node.jsvue
    可远程连接系统终端或开启SSH登录的路由器和交换机。相关资料：xtermjs/xterm.js:Aterminalfortheweb(github.com)后端实现(NestJS)：1、安装依赖：npminstallnode-ssh@nestjs/websockets@nestjs/platform-socket.io2、我们将创建一个名为RemoteControlModule的NestJS模块，
  • 详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因 hw_happy 开发语言前端vue.jsjavascript
    前情提要在一个vue文件中需要引入定义的b.vue文件，但是提示b文件没有默认导出，对于vue2文件来说有exportdefault，在中，所有定义的变量、函数和组件都会自动被视为默认导出的组件内容。因此，不需要显式地使用exportdefault来导出组件。但是在我引用这个文件的时候还是提示了这个错误，原来是我的项目使用了ts和vite\webpack，因为TypeScript和Vue的默认导出
  • Vue 项目运行时，报错 Error: Cannot find module ‘node:path‘ 周bro vue.js前端javascriptnode.jsnpm
    node-v是否显示nodenpm-v报错Error:Cannotfindmodule‘node:path'是因为node版本和npm版本不匹配安装相对应的版本node版本10.16.0对应npm版本[email protected]执行该命令即可匹配版本官网https://nodejs.org/en/about/previous-releases
  • vue2实现复制,粘贴功能 周bro vue.jsjavascript前端
    一、需求说明在项目中点击按钮复制某行文本是很常见的应用场景，在Vue项目中实现复制功能需要借助vue-clipboard2插件。二、代码实现1、安装vue-clipboard2依赖（出现错误的话，可以试试切换成淘宝镜像源npmconfigsetregistryhttps://registry.npm.taobao.org）npminstall--savevue-clipboard22、在main.
  • 【vite 自动配置路由】 CODER-V 前端javascriptvue.js前端软件构建
    手动配置路由，是一个没有技术含量又浪费时间的工作。本文将介绍vite构建的vue3项目如何编写一个自动配置路由的脚本。约定大于配置要想使用脚本完成路由的自动配置，我们就需要遵循以下目录规则：每一个页面对应一个包，当前包下的主页面命名为index.vue；每个包里必须配置一个page.js；在每一个page.js里边配置，额外的路由信息，比如：exportdefault{title:'商品',men
  • Vue + Express实现一个表单提交 九旬大爷的梦
    最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
  • Vue3 vant组件库自动导入 不叫虎子 Vuevue.js前端javascript前端框架typescript
    实现：完整使用vant组件库文档安装：#Vue3项目，安装最新版Vantnpmivant#通过yarn安装yarnaddvant#通过pnpm安装pnpmaddvant【一】按需引入：https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart#fang-fa-er.-an-xu-yin-ru-zu-jian-yang-shi【二】批量引入在基于vit
  • vant-element-ts一起使用存在的问题 flynn_ 问题总结vue
    由于vant-ui与element-ui部分组件存在冲突，导致在vue-typescript中出现错误:Subsequentpropertydeclarationsmusthavethesametype.Property'$notify'mustbeoftype'ElNotification',butherehastype'Notify'.方案：一个全局导入，一个按需导入,避免冲突的组件同时使用，
  • 第三十一节:Vue路由:前端路由vs后端路由的了解 曹老师
    1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访
  • 基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台 网顺技术团队 成品程序项目javavue.js汽车课程设计springboot
    基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟Java毕设项目精品实战案例《1000套》感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人文章目录基
  • 【前端】vue 报错:The template root requires exactly one element 程序员-张师傅 前端前端vue.jsjavascript
    【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中，当你遇到错误“Thetemplaterootrequiresexactlyoneelement”时，这通常意味着你的Vue组件的模板（template）根节点不是单一的元素。Vue要求每个组件的模板必须有一个根元素来包裹所有的子元素。这个错误通常出现在以下几种情况：模板中有多个并行
  • C# 开发教程-入门基础 天马3798 教程系列整理c#开发语言
    1.C#简介、环境，程序结构2.C#基本语法，变量，控制局域，数据类型，类型转换3.C#数组、循环，Linq4.C#类，封装，方法5.C#枚举、字符串6.C#面相对象，继承，封装，多态7.C#特性、属性、反射、索引器8.C#委托，事件，集合，泛型9.C#匿名方法10.C#多线程更多：JQuery开发教程入门基础Vue开发基础入门教程Vue开发高级学习教程
  • 若依后端正常启动但是uniapp移动端提示后端接口异常 大可大可抖 uni-app
    pc端能用模拟器也能正常连接接口，手机端真机调试连不上接口解决：1.先看config.js的填自己的ip地址module.exports={//baseUrl:'https://vue.ruoyi.vip/prod-api',baseUrl:"http://192.168.101.5:8080",}2.网络环境问题（防火墙）点击属性然后选择专用
  • 好看的vue登录页面(附 源代码 背景图) 小小薛定谔 vue.jsjavascriptcss前端
    一、效果展示二、代码你好!欢迎回来登录忘记密码?注册exportdefault{name:"MedLogin",data(){return{confirm_disabled:false,loginForm:{no:'',password:''},rules:{no:[{required:true,message:'请输入账号',trigger:'blur'},{min:3,max:6,messag
  • uniapp 获取各种小程序code 灵魂清零 uniapp小程序
    各种小程序在进入小程序是都需要去获取code才能拿到基础信息，自己记录一下用uniapp开发小程序是获取微信小程序、百度小程序、头条小程序、支付宝小程序的codeVue.prototype.$global={appLogin(){returnnewPromise((resole,reject)=>{varthat=this;varwxLoginUrl=app.globalData.url+"/lo
  • java责任链模式 3213213333332132 java责任链模式村民告县长
    责任链模式，通常就是一个请求从最低级开始往上层层的请求，当在某一层满足条件时，请求将被处理，当请求到最高层仍未满足时，则请求不会被处理。 就是一个请求在这个链条的责任范围内，会被相应的处理，如果超出链条的责任范围外，请求不会被相应的处理。 下面代码模拟这样的效果： 创建一个政府抽象类,方便所有的具体政府部门继承它。 package 责任链模式; /** *
  • linux、mysql、nginx、tomcat 性能参数优化 ronin47
    一、linux 系统内核参数 /etc/sysctl.conf文件常用参数 net.core.netdev_max_backlog = 32768 #允许送到队列的数据包的最大数目 net.core.rmem_max = 8388608 #SOCKET读缓存区大小 net.core.wmem_max = 8388608 #SOCKET写缓存区大
  • php命令行界面 dcj3sjt126com PHPcli
    常用选项 php -v php -i PHP安装的有关信息 php -h 访问帮助文件 php -m 列出编译到当前PHP安装的所有模块 执行一段代码 php -r 'echo "hello, world!";' php -r 'echo "Hello, World!\n";' php -r '$ts = filemtime("
  • Filter&Session 171815164 session
    Filter HttpServletRequest requ = (HttpServletRequest) req; HttpSession session = requ.getSession(); if (session.getAttribute("admin") == null) { PrintWriter out = res.ge
  • 连接池与Spring,Hibernate结合 g21121 Hibernate
            前几篇关于Java连接池的介绍都是基于Java应用的，而我们常用的场景是与Spring和ORM框架结合，下面就利用实例学习一下这方面的配置。         1.下载相关内容：     &nb
  • [简单]mybatis判断数字类型 53873039oycg mybatis
           昨天同事反馈mybatis保存不了int类型的属性,一直报错，错误信息如下:       Caused by: java.lang.NumberFormatException: For input string: "null" at sun.mis
  • 项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space 程序员是怎么炼成的 eclipsejvmtomcatcatalina.sheclipse.ini
       在启动比较大的项目时，因为存在大量的jsp页面，所以在编译的时候会生成很多的.class文件，.class文件是都会被加载到jvm的方法区中，如果要加载的class文件很多，就会出现方法区溢出异常 java.lang.OutOfMemoryError: PermGen space.     解决办法是点击eclipse里的tomcat，在
  • 我的crm小结 aijuans crm
    各种原因吧，crm今天才完了。主要是接触了几个新技术： Struts2、poi、ibatis这几个都是以前的项目中用过的。 Jsf、tapestry是这次新接触的，都是界面层的框架，用起来也不难。思路和struts不太一样，传说比较简单方便。不过个人感觉还是struts用着顺手啊，当然springmvc也很顺手，不知道是因为习惯还是什么。jsf和tapestry应用的时候需要知道他们的标签、主
  • spring里配置使用hibernate的二级缓存几步 antonyup_2006 javaspringHibernatexmlcache
    ．在spring的配置文件中 applicationContent.xml，hibernate部分加入 xml 代码 <prop key="hibernate.cache.provider_class">org.hibernate.cache.EhCacheProvider</prop> <prop key="hi
  • JAVA基础面试题 百合不是茶 抽象实现接口String类接口继承抽象类继承实体类自定义异常
    /*   * 栈（stack）：主要保存基本类型（或者叫内置类型）（char、byte、short、   *int、long、 float、double、boolean）和对象的引用，数据可以共享，速度仅次于   * 寄存器（register），快于堆。堆（heap）：用于存储对象。   */  &
  • 让sqlmap文件 "继承" 起来 bijian1013 javaibatissqlmap
            多个项目中使用ibatis , 和数据库表对应的 sqlmap文件（增删改查等基本语句)，dao, pojo 都是由工具自动生成的, 现在将这些自动生成的文件放在一个单独的工程中，其它项目工程中通过jar包来引用 ，并通过"继承"为基础的sqlmap文件，dao,pojo 添加新的方法来满足项
  • 精通Oracle10编程SQL(13)开发触发器 bijian1013 oracle数据库plsql
    /* *开发触发器 */ --得到日期是周几 select to_char(sysdate+4,'DY','nls_date_language=AMERICAN') from dual; select to_char(sysdate,'DY','nls_date_language=AMERICAN') from dual; --建立BEFORE语句触发器 CREATE O
  • 【EhCache三】EhCache查询 bit1129 ehcache
    本文介绍EhCache查询缓存中数据，EhCache提供了类似Hibernate的查询API，可以按照给定的条件进行查询。   要对EhCache进行查询，需要在ehcache.xml中设定要查询的属性   数据准备 @Before public void setUp() { //加载EhCache配置文件 Inpu
  • CXF框架入门实例 白糖_ springWeb框架webserviceservlet
    CXF是apache旗下的开源框架，由Celtix + XFire这两门经典的框架合成，是一套非常流行的web service框架。 它提供了JAX-WS的全面支持，并且可以根据实际项目的需要，采用代码优先（Code First）或者 WSDL 优先（WSDL First）来轻松地实现 Web Services 的发布和使用，同时它能与spring进行完美结合。 在apache cxf官网提供
  • angular.equals boyitech AngularJSAngularJS APIAnguarJS 中文APIangular.equals
    angular.equals   描述: 比较两个值或者两个对象是不是 相等。还支持值的类型，正则表达式和数组的比较。   两个值或对象被认为是 相等的前提条件是以下的情况至少能满足一项： 两个值或者对象能通过=== （恒等） 的比较 两个值或者对象是同样类型，并且他们的属性都能通过angular
  • java-腾讯暑期实习生-输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1] bylijinnan java
    这道题的具体思路请参看 何海涛的微博：http://weibo.com/zhedahht import java.math.BigInteger; import java.util.Arrays; public class CreateBFromATencent { /** * 题目：输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A
  • FastDFS 的安装和配置 修订版 Chen.H linuxfastDFS分布式文件系统
    FastDFS Home:http://code.google.com/p/fastdfs/ 1. 安装 http://code.google.com/p/fastdfs/wiki/Setup http://hi.baidu.com/leolance/blog/item/3c273327978ae55f93580703.html 安装libevent (对libevent的版本要求为1.4.
  • [强人工智能]拓扑扫描与自适应构造器 comsci 人工智能
          当我们面对一个有限拓扑网络的时候,在对已知的拓扑结构进行分析之后,发现在连通点之后,还存在若干个子网络,且这些网络的结构是未知的,数据库中并未存在这些网络的拓扑结构数据....这个时候,我们该怎么办呢?       那么,现在我们必须设计新的模块和代码包来处理上面的问题
  • oracle merge into的用法 daizj oraclesqlmerget into
    Oracle中merge into的使用 http://blog.csdn.net/yuzhic/article/details/1896878 http://blog.csdn.net/macle2010/article/details/5980965 该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中，使用此命令必须同时指定UPDATE 和INSE
  • 不适合使用Hadoop的场景 datamachine hadoop
    转自：http://dev.yesky.com/296/35381296.shtml。 　　Hadoop通常被认定是能够帮助你解决所有问题的唯一方案。 当人们提到“大数据”或是“数据分析”等相关问题的时候，会听到脱口而出的回答：Hadoop!  实际上Hadoop被设计和建造出来，是用来解决一系列特定问题的。对某些问题来说，Hadoop至多算是一个不好的选择，对另一些问题来说，选择Ha
  • YII findAll的用法 dcj3sjt126com yii
    看文档比较糊涂，其实挺简单的： $predictions=Prediction::model()->findAll("uid=:uid",array(":uid"=>10));   第一个参数是选择条件：”uid=10″。其中:uid是一个占位符，在后面的array(“:uid”=>10)对齐进行了赋值； 更完善的查询需要
  • vim 常用 NERDTree 快捷键 dcj3sjt126com vim
    下面给大家整理了一些vim NERDTree的常用快捷键了，这里几乎包括了所有的快捷键了，希望文章对各位会带来帮助。 切换工作台和目录 ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus 右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换ctrl + w + r 移动当前窗口的布局位置 o 在已有窗口中打开文件、目录或书签，并跳
  • Java把目录下的文件打印出来 蕃薯耀 列出目录下的文件文件夹下面的文件目录下的文件
    Java把目录下的文件打印出来 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 11:02:
  • linux远程桌面----VNCServer与rdesktop hanqunfeng Desktop
    windows远程桌面到linux，需要在linux上安装vncserver，并开启vnc服务，同时需要在windows下使用vnc-viewer访问Linux。vncserver同时支持linux远程桌面到linux。   linux远程桌面到windows，需要在linux上安装rdesktop，同时开启windows的远程桌面访问。   下面分别介绍，以windo
  • guava中的join和split功能 jackyrong java
    guava库中，包含了很好的join和split的功能，例子如下： 1） 将LIST转换为使用字符串连接的字符串    List<String> names = Lists.newArrayList("John", "Jane", "Adam", "Tom");
  • Web开发技术十年发展历程 lampcy androidWeb浏览器html5
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • 架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好) nannan408 buffer
    1.前言。   如题。 2.代码。   IoService IoService是一个接口，有两种实现：IoAcceptor和IoConnector；其中IoAcceptor是针对Server端的实现，IoConnector是针对Client端的实现；IoService的职责包括： 1、监听器管理 2、IoHandler 3、IoSession
  • ORA-00054:resource busy and acquire with NOWAIT specified Everyday都不同 oraclesessionLock
    [Oracle] 今天对一个数据量很大的表进行操作时，出现如题所示的异常。此时表明数据库的事务处于“忙”的状态，而且被lock了，所以必须先关闭占用的session。   step1，查看被lock的session：   select t2.username, t2.sid, t2.serial#, t2.logon_time from v$locked_obj
  • javascript学习笔记 tntxia JavaScript
      javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。number：就是数字值，包括整数、小数、NaN、正负无穷。string:字符串类型、单双引号引起来的内容。boolean:true、false object:表示所有的javascript对象，不用多说function:我们熟悉的方法，也就是
  • Java enum的用法详解 xieke90 enum枚举
    Java中枚举实现的分析：     示例：  public static enum SEVERITY{ INFO,WARN,ERROR }     enum很像特殊的class，实际上enum声明定义的类型就是一个类。 而这些类都是类库中Enum类的子类      (java.l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他