文件名称:Pigeon-maps:无外部依赖项的ReactJS Maps
文件大小:146KB
文件格式:ZIP
更新时间:2024-02-23 23:33:37
react map react-component inferno inferno-component
鸽子地图-无外部依赖的ReactJS地图 演示: : (使用OSM和Stamen的地图) 它是什么? 您是否厌倦了等待3秒钟来解析200kb的Google Maps JavaScript仅仅显示一些图块和标记的麻烦? 140kb的缩小传单太多了吗? 欢迎来到俱乐部! 这个项目旨在提供性能优先的以React为中心的可扩展地图引擎。 它最初是为了降低 (私人课程市场)上搜索结果的页面加载速度而创建的。 我们目前在: 实施: 显示瓷砖 任意叠加(标记等) 拖动即可移动地图 在手机上触摸即可移动地图 用滚轮缩放 触摸缩放 局部缩放(例如,达到12.2级) 缩放而不会闪烁(保留旧瓷砖,直到新瓷砖加载) 平滑的动画缩放 拖动和放开时滑动 事件处理(点击等) 双击和双击缩放 选择用一根手指和鼠标滚轮滚动即可阻止拖动,而无需按住meta键 根据需要启用/禁用触摸和鼠标事件-您可以制作100%静态服务器渲染的React图 支持100%宽度/高度的容器 失踪: 点按两次,然后滑动触摸缩放 安装 # using yarn yarn add pigeon-maps # using
【文件预览】:
pigeon-maps-master
----.gitignore(37B)
----.babelrc(1KB)
----package.json(3KB)
----src()
--------overlay.tsx(556B)
--------utils()
--------marker.tsx(3KB)
--------index.tsx(170B)
--------types.ts(381B)
--------map.tsx(43KB)
----LICENSE.md(1KB)
----webpack.config.js(1KB)
----CHANGELOG.md(5KB)
----tsconfig.json(447B)
----rollup.config.js(590B)
----.eslintrc.js(1KB)
----.prettierrc.js(125B)
----README.md(13KB)
----demo()
--------index.html(426B)
--------Demo.tsx(7KB)
--------PigeonIcon.tsx(10KB)
--------index.tsx(172B)
----yarn.lock(294KB)