一组用于显示交互式 SVG 地图的 React.js 组件-源码

上传者: 42161450 | 上传时间: 2021-06-09 13:04:07 | 文件大小: 489KB | 文件类型: ZIP
react-svg-map 一组用于显示交互式 SVG 地图的 React.js 组件。 演示 看看现场演示! 安装 npm npm install --save react-svg-map yarn yarn add react-svg-map 用法 :warning: v1 的重大变化 这个包不再包含地图了! 您必须从 svg-maps 安装您需要的地图,或者您可以使用自己的地图。 有关更多详细信息,请参阅地图部分。 如果您仍在使用 1.xx 版本,请查看 v1 文档。 :globe_showing_Europe-Africa: 简单的 SVG 地图 这是显示 SVG 地图的基础组件。 从 react-svg-map 导入 SVGMap 组件 导入你想要的地图 如果你想应用默认样式,导入 react-svg-map/lib/index.css 可选,从“react”导入 React; 从“react-dom”导入 ReactDOM; 从“@svg-maps/taiwan”导入台湾; 从“react-svg-map”导入 { SVGMap }; 导入“react-svg-map/li

文件下载

资源详情

[{"title":"( 39 个子文件 489KB ) 一组用于显示交互式 SVG 地图的 React.js 组件-源码","children":[{"title":"react-svg-map-master","children":[{"title":"webpack.examples.config.js <span style='color:#111;'> 1.13KB </span>","children":null,"spread":false},{"title":".eslintrc <span style='color:#111;'> 671B </span>","children":null,"spread":false},{"title":"jest-setup.js <span style='color:#111;'> 123B </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 764B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"svg-map.scss <span style='color:#111;'> 288B </span>","children":null,"spread":false},{"title":"svg-map.jsx <span style='color:#111;'> 2.46KB </span>","children":null,"spread":false},{"title":"checkbox-svg-map.jsx <span style='color:#111;'> 4.07KB </span>","children":null,"spread":false},{"title":"radio-svg-map.jsx <span style='color:#111;'> 5.05KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 202B </span>","children":null,"spread":false}],"spread":true},{"title":".babelrc <span style='color:#111;'> 78B </span>","children":null,"spread":false},{"title":"examples","children":[{"title":"src","children":[{"title":"index.html <span style='color:#111;'> 252B </span>","children":null,"spread":false},{"title":"utils.js <span style='color:#111;'> 723B </span>","children":null,"spread":false},{"title":"components","children":[{"title":"link-map.jsx <span style='color:#111;'> 3.13KB </span>","children":null,"spread":false},{"title":"checkbox-map.jsx <span style='color:#111;'> 2.30KB </span>","children":null,"spread":false},{"title":"radio-map.jsx <span style='color:#111;'> 2.21KB </span>","children":null,"spread":false},{"title":"tooltip-heat-map.jsx <span style='color:#111;'> 1.74KB </span>","children":null,"spread":false},{"title":"examples-app.jsx <span style='color:#111;'> 663B </span>","children":null,"spread":false},{"title":"examples-app.scss <span style='color:#111;'> 1.22KB </span>","children":null,"spread":false}],"spread":true},{"title":"index.jsx <span style='color:#111;'> 182B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"CONTRIBUTING.md <span style='color:#111;'> 1.37KB </span>","children":null,"spread":false},{"title":".travis.yml <span style='color:#111;'> 134B </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.06KB </span>","children":null,"spread":false},{"title":"jest.config.js <span style='color:#111;'> 546B </span>","children":null,"spread":false},{"title":"__tests__","children":[{"title":"svg-map.test.js <span style='color:#111;'> 1.83KB </span>","children":null,"spread":false},{"title":"radio-svg-map.test.js <span style='color:#111;'> 6.62KB </span>","children":null,"spread":false},{"title":"fake-map.js <span style='color:#111;'> 248B </span>","children":null,"spread":false},{"title":"__mocks__","children":[{"title":"styleMock.js <span style='color:#111;'> 19B </span>","children":null,"spread":false}],"spread":false},{"title":"__snapshots__","children":[{"title":"checkbox-svg-map.test.js.snap <span style='color:#111;'> 2.65KB </span>","children":null,"spread":false},{"title":"radio-svg-map.test.js.snap <span style='color:#111;'> 2.64KB </span>","children":null,"spread":false},{"title":"svg-map.test.js.snap <span style='color:#111;'> 4.05KB </span>","children":null,"spread":false}],"spread":false},{"title":"checkbox-svg-map.test.js <span style='color:#111;'> 4.97KB </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 14.28KB </span>","children":null,"spread":false},{"title":"react-svg-map.gif <span style='color:#111;'> 342.06KB </span>","children":null,"spread":false},{"title":"docs","children":[{"title":"index.html <span style='color:#111;'> 276B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 381.06KB </span>","children":null,"spread":false}],"spread":false},{"title":".gitignore <span style='color:#111;'> 49B </span>","children":null,"spread":false},{"title":"CHANGELOG.md <span style='color:#111;'> 2.56KB </span>","children":null,"spread":false},{"title":".eslintignore <span style='color:#111;'> 25B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 2.11KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明