没有外部依赖的 ReactJS Maps

时间:2024-06-28 09:15:06
【文件属性】:

文件名称:没有外部依赖的 ReactJS Maps

文件大小:146KB

文件格式:ZIP

更新时间:2024-06-28 09:15:06

Maps

Pigeon Maps - 没有外部依赖的 ReactJS 地图演示:https://pigeon-maps.js.org/(使用来自 OSM 和 Stamen 的地图)它是什么? 您是否厌倦了等待 3 秒钟来解析 200kb 的 Google Maps JavaScript 只是为了显示一些图块和一个标记? 140kb 的小传单太多了? 欢迎来到俱乐部! 该项目旨在提供一个以性能为先的以 React 为中心的可扩展地图引擎。 它最初的创建是为了降低 Apprentus(一个私人课程市场)上搜索结果的页面加载速度。 我们目前在: 已实现: 显示图块 任意叠加(标记等) 通过拖动移动地图 通过在移动设备上触摸移动地图 使用滚轮缩放 通过触摸缩放 分数缩放(例如到 12.2 级) 无闪烁缩放(保持旧瓷砖直到新瓷砖加载)平滑动画缩放拖动和放手时滑动事件处理(点击等)双击和双击缩放选项阻止用一根手指和鼠标滚轮滚动而不按住元键启用/禁用触摸和鼠标需要的事件 - 你可以制作一个 100% 静态服务器渲染的React地图支持 100% 宽度/高度容器缺少:双击然后滑动触摸缩放安装 # 使用纱线纱线添


【文件预览】:
pigeon-maps-master
----rollup.config.js(1KB)
----yarn.lock(294KB)
----.eslintrc.js(1KB)
----webpack.config.js(1KB)
----src()
--------index.tsx(246B)
--------types.ts(3KB)
--------utils.ts(763B)
--------overlays()
--------controls()
--------providers.ts(782B)
--------map()
----.babelrc(1KB)
----demo()
--------index.html(426B)
--------index.tsx(172B)
--------Demo.tsx(7KB)
--------PigeonIcon.tsx(10KB)
----providers()
--------package.json(168B)
----tsconfig.json(447B)
----LICENSE.md(1KB)
----README.md(2KB)
----.gitignore(37B)
----.prettierrc.js(125B)
----CHANGELOG.md(7KB)
----package.json(3KB)

网友评论