当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript leaflet.DomUtil类代码示例

本文整理汇总了TypeScript中leaflet.DomUtil的典型用法代码示例。如果您正苦于以下问题:TypeScript DomUtil类的具体用法?TypeScript DomUtil怎么用?TypeScript DomUtil使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。


在下文中一共展示了DomUtil类的7个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: function

 onAdd: function(map) {
   this._container = L.DomUtil.create(
     'div',
     'leaflet-control-background leaflet-control-mouseposition'
   );
   L.DomEvent.disableClickPropagation(this._container);
   map.on('mousemove', this._onMouseMove, this);
   this._container.innerHTML = this.options.emptyString;
   return this._container;
 },
开发者ID:ehunter-usgs,项目名称:earthquake-eventpages,代码行数:10,代码来源:mouse-position.ts

示例2: function

  _onMouseOver: function(evt) {
    // Update text
    this._tooltip.innerHTML = L.Util.template(this._tiptext, evt.data);

    // Update position
    L.DomUtil.setPosition(
      this._tooltip,
      this._map.latLngToLayerPoint(evt.latlng)
    );

    // Show the tooltip
    this._tooltip.style.display = 'block';
  },
开发者ID:ehunter-usgs,项目名称:earthquake-eventpages,代码行数:13,代码来源:mouse-over-layer.ts

示例3: function

  onAdd: function(map) {
    const className = 'leaflet-control-legend';

    this._map = map;

    if (!this._container) {
      this._container = L.DomUtil.create('div', className);
      this._container.innerHTML =
        '<a href="#" class="' +
        className +
        '-show material-icons"' +
        ' title="Legend">&#xE0DA;</a>' +
        '<button class="mat-button ' +
        className +
        '-hide">CLOSE</button>' +
        '<ul class="legend-container"></ul>';

      // Makes this work on IE10 Touch devices by stopping it from firing
      // a mouseout event when the touch is released
      this._container.setAttribute('aria-haspopup', true);
    }

    this._showButton = this._container.querySelector('.' + className + '-show');
    this._hideButton = this._container.querySelector('.' + className + '-hide');
    this._legendContainer = this._container.querySelector('.legend-container');

    if (L.Browser.touch) {
      L.DomEvent.disableClickPropagation(this._container);
    } else {
      L.DomEvent.disableClickPropagation(
        this._container
      ).disableScrollPropagation(this._container);
    }

    L.DomEvent.on(this._container, 'mousewheel', L.DomEvent.stopPropagation);
    L.DomEvent.on(this._showButton, 'click', L.DomEvent.stop).on(
      this._showButton,
      'click',
      this.open,
      this
    );
    L.DomEvent.on(this._hideButton, 'click', this.close, this);

    this.displayLegends();

    map.on('layeradd', this._onLayerAdd, this);
    map.on('layerremove', this._onLayerRemove, this);

    return this._container;
  },
开发者ID:ehunter-usgs,项目名称:earthquake-eventpages,代码行数:50,代码来源:legend-control.ts

示例4: _abortLoading

	_abortLoading() {
		// adapted from TileLayer's implementation
		for (const i in this._tiles) {
			if (this._tiles[i].coords.z !== this._tileZoom) {
				const tile = this._tiles[i].el;
				tile.onload = L.Util.falseFn;
				tile.onerror = L.Util.falseFn;
				if (tile instanceof HTMLImageElement && !tile.complete) {
					tile.src = L.Util.emptyImageUrl;
					L.DomUtil.remove(tile);
					this._tiles[i] = undefined;
				}
			}
		}
	}
开发者ID:Igorbek,项目名称:DefinitelyTyped,代码行数:15,代码来源:leaflet-tests.ts

示例5: createTile

lg = L.layerGroup([new L.Layer(), new L.Layer()], {
	pane: 'overlayPane',
	attribution: 'test'
});

lg = new L.LayerGroup();
lg = new L.LayerGroup([new L.Layer(), new L.Layer()]);
lg = new L.LayerGroup([new L.Layer(), new L.Layer()], {
	pane: 'overlayPane',
	attribution: 'test'
});

// adapted from GridLayer documentation
const CanvasLayer = L.GridLayer.extend({
	createTile(coords: L.Coords, done: L.DoneCallback) {
		const tile = (L.DomUtil.create('canvas', 'leaflet-tile') as HTMLCanvasElement);
		const size = this.getTileSize();
		tile.width = size.x;
		tile.height = size.y;
		return tile;
	}
});

// adapted from GridLayer documentation
const AsyncCanvasLayer = L.GridLayer.extend({
	createTile(coords: L.Coords, done: L.DoneCallback) {
		const tile = (L.DomUtil.create('canvas', 'leaflet-tile') as HTMLCanvasElement);
		const size = this.getTileSize();
		tile.width = size.x;
		tile.height = size.y;
		setTimeout(() => done(undefined, tile), 1000);
开发者ID:Igorbek,项目名称:DefinitelyTyped,代码行数:31,代码来源:leaflet-tests.ts

示例6: function

 info.onAdd = function () {
   this._div = L.DomUtil.create('div', 'info'); // create a div with a class "info"
   this.update();
   return this._div;
 };
开发者ID:illyaV,项目名称:Pathfinder,代码行数:5,代码来源:map.ts

示例7: onAdd

 public onAdd(map: Map): HTMLElement {
     let container = L.DomUtil.create('div', 'leaflet-control-center leaflet-bar');
     L.DomUtil.create('a', 'leaflet-control-center-btn icon-center', container);
     
     return container;
 }
开发者ID:mheumann,项目名称:grossstadtjungle,代码行数:6,代码来源:center-control.ts


注:本文中的leaflet.DomUtil类示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。