本文整理汇总了TypeScript中leaflet.imageOverlay函数的典型用法代码示例。如果您正苦于以下问题：TypeScript imageOverlay函数的具体用法？TypeScript imageOverlay怎么用？TypeScript imageOverlay使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了imageOverlay函数的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: generateLayer
function generateLayer(event, product = null) {
// Grab the latest map
const latestProduct = product[0];
if (!latestProduct) {
return null;
}
const imageUrl = 'api/shakemaps/' + latestProduct.shakemap_id + '/overlay';
const imageBounds = [[latestProduct.lat_min, latestProduct.lon_min], [latestProduct.lat_max, latestProduct.lon_max]];
const overlayLayer = L.imageOverlay(imageUrl,
imageBounds,
{opacity: .4});
return overlayLayer;
}示例2:
// imageOverlay
let imageOverlayOptions: L.ImageOverlayOptions;
imageOverlayOptions = {
opacity: 100,
alt: 'alt',
interactive: true,
attribution: 'attribution',
crossOrigin: true,
className: 'className',
bubblingMouseEvents: false,
pane: 'pane'
};
const imageOverlayBounds = latLngBounds;
let imageOverlay: L.ImageOverlay;
imageOverlay = L.imageOverlay('https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png', imageOverlayBounds);
imageOverlay = L.imageOverlay('https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png', imageOverlayBounds, imageOverlayOptions);
imageOverlay = L.imageOverlay('https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png', imageOverlayBounds, {
opacity: 100,
alt: 'alt',
className: 'className',
});
const eventHandler = () => {};
const domEvent: Event = {} as Event;
L.DomEvent
.on(htmlElement, 'click', eventHandler)
.addListener(htmlElement, 'click', eventHandler)
.off(htmlElement, 'click', eventHandler)
.removeListener(htmlElement, 'click', eventHandler)
.on(htmlElement, {click: eventHandler})