japan-map-selector
Version:
Interactive Japan map component for selecting prefectures and municipalities
39 lines (38 loc) • 1.61 kB
TypeScript
export interface AttributionOptions {
showLink?: boolean;
className?: string;
style?: Partial<CSSStyleDeclaration>;
}
/**
* 国土数値情報の出典表示テキストを取得
*/
export declare function getAttributionText(): string;
/**
* 国土数値情報の出典表示HTMLを取得
*/
export declare function getAttributionHTML(options?: AttributionOptions): string;
/**
* 出典表示用のDOM要素を作成
*/
export declare function createAttributionElement(options?: AttributionOptions): HTMLElement;
/**
* SVG要素に出典表示を追加
*/
export declare function addAttributionToSVG(svg: SVGSVGElement, options?: {
x?: number;
y?: number;
fontSize?: number;
fill?: string;
}): void;
/**
* React用の出典表示コンポーネントのプロパティ
*/
export interface AttributionProps {
showLink?: boolean;
className?: string;
style?: React.CSSProperties;
}
/**
* 出典表示用のデフォルトCSS
*/
export declare const attributionCSS = "\n.japan-map-attribution {\n font-size: 12px;\n color: #666;\n padding: 4px 8px;\n background-color: rgba(255, 255, 255, 0.8);\n border-radius: 4px;\n margin: 4px;\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 1000;\n}\n\n.japan-map-attribution a {\n color: #0066cc;\n text-decoration: none;\n}\n\n.japan-map-attribution a:hover {\n text-decoration: underline;\n}\n\n/* \u30C0\u30FC\u30AF\u30C6\u30FC\u30DE\u7528 */\n.japan-map-attribution.dark {\n background-color: rgba(0, 0, 0, 0.8);\n color: #ccc;\n}\n\n.japan-map-attribution.dark a {\n color: #66b3ff;\n}\n";