本文整理匯總了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})