【文件属性】：
文件名称：google-map-thousands-markers:如何使用google-map-react绘制数千个标记
文件大小：1.26MB
文件格式：ZIP
更新时间：2021-04-29 14:17:34
JavaScript
如何在地图上绘制数千个标记
问题
在地图上有数千个标记时，将鼠标悬停在任何标记上的动画将很慢。 这不是因为javascript，而是因为浏览器无法快速呈现它们。 所有这些图层合成事件都变得太慢而无法显示任何单个动画。
解决方案
在html 5画布上绘制标记，并保留一小部分组件以绘制悬停事件。
如何在本地运行
克隆并cd到项目中。
跑步
yarn
yarn run start
为什么
由于未知原因，某些客户不喜欢地图上的任何群集。
聚苯乙烯
例子是高度未优化的BTW，它运作良好。 您也可以使用该项目作为示例，说明如何在上绘制任何内容
聚苯硫醚
任何人都可以帮助解释为什么vendor.js在每次重建时都不同
yarn run pages
【文件预览】：
google-map-thousands-markers-master
----.dockerignore(70B)
----.eslintrc(426B)
----yarn.lock(203KB)
----about.html(10B)
----src()
--------Map.js(4KB)
--------Container.js(528B)
--------main.js(845B)
--------utils()
--------Content.js(2KB)
--------container.sass(240B)
--------map.sass(359B)
--------main.sass(530B)
--------controls()
--------App.js(289B)
--------__tests__()
--------layout.sass(1KB)
--------content.sass(147B)
--------enhancers()
--------Layout.js(2KB)
----.babelrc(92B)
----Dockerfile(942B)
----config()
--------babel.dev.js(318B)
--------webpack.config.dev.babel.js(4KB)
--------paths.js(623B)
--------.webpack-records.json(84KB)
--------template()
--------webpack.config.production.babel.js(5KB)
--------babel.prod.js(291B)
----assets()
--------avatar-favicon.sketch(56KB)
--------avatar.sketch(56KB)
----README.md(1KB)
----_redirects(24B)
----docs()
--------index.html(3KB)
--------.nojekyll(1B)
--------about.html(10B)
--------avatar.png(2KB)
--------static()
----.gitignore(49B)
----server()
--------yarn.lock(9KB)
--------index.js(452B)
--------package.json(302B)
----package.json(3KB)