Setting the file. One moment.
Subchapter 6.28
techniques/static-map/TECHNIQUE.mdMarkdown1 KBView on GitHub
Use a static image when the map only provides location context. This is the smallest, fastest, and most deterministic map technique.
public/ directory.CanvasImage and staticFile().import React from 'react';
import {AbsoluteFill, CanvasImage, staticFile} from 'remotion';
export const StaticMap: React.FC = () => {
return (
<>
<CanvasImage
src={staticFile('locator-map.png')}
style={{width: '100%', height: '100%', objectFit: 'cover'}}
/>
</>
);
};Follow Remotion Interactivity best practices and Remotion Markup Best practices for elements.