• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript leaflet.Util类代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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



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

示例1: function

  _loadTileP: function(zoom, x, y) {
    const head = document.getElementsByTagName('head')[0],
      key = zoom + '_' + x + '_' + y,
      functionName = 'lu_' + key,
      wk = this._windowKey,
      self = this;

    const url = L.Util.template(
      this._url,
      L.Util.extend(
        {
          cb: wk + '.' + functionName,
          s: L.TileLayer.prototype._getSubdomain.call(this, { x: x, y: y }),
          x: x,
          y: y,
          z: zoom
        },
        this.options
      )
    );

    const script = document.createElement('script');
    script.setAttribute('type', 'text/javascript');
    script.setAttribute('src', url);

    window[wk][functionName] = function(data) {
      self._cache[key] = data;
      delete window[wk][functionName];
      head.removeChild(script);
    };

    head.appendChild(script);
  },
开发者ID:ehunter-usgs,项目名称:earthquake-eventpages,代码行数:33,代码来源:utf-grid.ts


示例2: return

		return (_err: any, data: any) => {
			if (data) {
				this.fire('tilecachehit', {
					tile,
					url: tileUrl
				});
				if (Date.now() > data.timestamp + this.options.cacheMaxAge && !this.options.useOnlyCache) {
					// Tile is too old, try to refresh it
					console.log('Tile is too old: ', tileUrl);

					if (this.options.saveToCache) {
						tile.onload = L.Util.bind((this._saveTile as any), this, tile, tileUrl, false, done);
					}
					tile.crossOrigin = 'Anonymous';
					tile.src = tileUrl;
					tile.onerror = function(_ev: any) {
						// If the tile is too old but couldn't be fetched from the network,
						//   serve the one still in cache.
						(this as HTMLImageElement).src = data.dataUrl;
					};
				} else {
					// Serve tile from cached data
					// console.log('Tile is cached: ', tileUrl);
					tile.onload = L.Util.bind((this._tileOnLoad as any), this, done, tile);
					tile.src = data.dataUrl;    // data.dataUrl is already a base64-encoded PNG image.
				}
			} else {
				this.fire('tilecachemiss', {
					tile,
					url: tileUrl
				});
				if (this.options.useOnlyCache) {
					// Offline, not cached
					// console.log('Tile not in cache', tileUrl);
					tile.onload = L.Util.falseFn;
					tile.src = L.Util.emptyImageUrl;
				} else {
					//Online, not cached, request the tile normally
					// console.log('Requesting tile normally', tileUrl);
					if (this.options.saveToCache) {
						tile.onload = L.Util.bind((this._saveTile as any), this, tile, tileUrl, null, done);
					} else {
						tile.onload = L.Util.bind((this._tileOnLoad as any), this, done, tile);
					}
					tile.crossOrigin = 'Anonymous';
					tile.src = tileUrl;
				}
			}
		};
开发者ID:hagai26,项目名称:Leaflet.TileLayer.PouchDBCached,代码行数:49,代码来源:leaflet-cached-tilelayer.ts


示例3: _template

 private _template(data: Photo) {
   var template =
     '<b class="title">{title}</b>' +
     '<a href="https://www.flickr.com/photos/{owner}/{id}" target="_blank">' +
       '<img class="photo" src="{url_s}" alt="{title}" width="{width_s}" height="{height_s}">' +
     '</a>' +
     '<a href="http://flickr.com" target="_blank" class="flickr-logo">' +
       'Flickr' +
     '</a>' +
     '<a class="owner" href="https://www.flickr.com/photos/{owner}" target="_blank">{ownername}</a>';
   return L.Util.template(template, data);
 }
开发者ID:salomvary,项目名称:outdoormaps,代码行数:12,代码来源:flickr.ts


示例4: function

 _onMouseMove: function(e) {
   let lng = L.Util.formatNum(e.latlng.lng, this.options.numDigits);
   // need to correct for rollover of map if user scrolls
   if (lng >= 0) {
     lng = ((lng + 180) % 360) - 180;
   } else {
     lng =
       ((lng + 180 + Math.ceil(Math.abs(lng + 180) / 360) * 360) % 360) - 180;
   }
   let lat = L.Util.formatNum(e.latlng.lat, this.options.numDigits);
   if (this.options.lngFormatter) {
     lng = this.options.lngFormatter(lng);
   }
   if (this.options.latFormatter) {
     lat = this.options.latFormatter(lat);
   }
   const value = this.options.lngFirst
     ? lng + this.options.separator + lat
     : lat + this.options.separator + lng;
   this._container.innerHTML = value;
 }
开发者ID:ehunter-usgs,项目名称:earthquake-eventpages,代码行数:21,代码来源:mouse-position.ts


示例5: 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


示例6:

	prop2: '2',
};

const obj3 = {
	prop3: 'three',
};

const obj4 = {
	prop4: 'cuatro',
};

const obj5 = {
	prop5: 'cinque',
};

const extended0: typeof obj1 = L.Util.extend(obj1);
const extended1: typeof obj1 & typeof obj2 = L.Util.extend(obj1, obj2);
const extended2: typeof obj1 & typeof obj2 & typeof obj3 = L.Util.extend(obj1, obj2, obj3);
const extended3: typeof obj1 & typeof obj2 & typeof obj3 & typeof obj4 = L.Util.extend(obj1, obj2, obj3, obj4);
const extended4: typeof obj1 & typeof obj2 & typeof obj3 & typeof obj4 & typeof obj5 = L.Util.extend(obj1, obj2, obj3, obj4, obj5);

L.Util.create({});
L.Util.create(null, {foo: {writable: true, value: 'bar'}});

L.Util.bind(() => {}, {});
L.Util.stamp({});
L.Util.throttle(() => {}, 123, {});
L.Util.wrapNum(123, []);
L.Util.wrapNum(123, [], true);
L.Util.falseFn();
L.Util.formatNum(123);
开发者ID:Igorbek,项目名称:DefinitelyTyped,代码行数:31,代码来源:leaflet-tests.ts


示例7:

	iconUrl: 'my-icon.png'
})).setIcon(L.divIcon({
	className: 'my-div-icon'
}));

const latLngs = [
  {lat: 0, lng: 0},
  {lat: 1, lng: 1}
];
const polygon = new L.Polygon(latLngs);
const polygonExclusion = new L.Polygon([latLngs, latLngs]);

L.polygon(latLngs).addTo(map);
L.polygon([latLngs, latLngs]).addTo(map);

L.Util.extend({});
L.Util.create({});
L.Util.bind(() => {}, {});
L.Util.stamp({});
L.Util.throttle(() => {}, 123, {});
L.Util.wrapNum(123, []);
L.Util.wrapNum(123, [], true);
L.Util.falseFn();
L.Util.formatNum(123);
L.Util.formatNum(123, 1);
L.Util.trim('word   ');
L.Util.splitWords('word word');
L.Util.setOptions({}, {});
L.Util.getParamString({});
L.Util.getParamString({}, '');
L.Util.getParamString({}, '', true);
开发者ID:Batbold-Gansukh,项目名称:DefinitelyTyped,代码行数:31,代码来源:leaflet-tests.ts


示例8:

points.bindPopup(function ({feature}) {
  return L.Util.template('<p>Gate {F_Area_ID}<br>{TA}<br><br>More stuff here!</p>', feature.properties);
});
开发者ID:aluanhaddad,项目名称:esri-leaflet-jspm-example,代码行数:3,代码来源:main.ts



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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript leaflet.control类代码示例发布时间:2022-05-25
下一篇:
TypeScript leaflet.TileLayer类代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap