首页
前端开发
Webpack
基于 ECharts 和 AMap 实现行政区能量热力图

基于 ECharts 和 AMap 实现行政区能量热力图

24 次浏览 0 条评论
zip
zip

介绍如何使用 ECharts 和 AMap 构建行政区能量热力图，并提供获取行政区边界 GeoJSON 数据和配置方法。

获取行政区边界 GeoJSON 数据

  1. 在高德开放平台申请 API 密钥。
  2. 使用行政区代码，调用高德地图 API 获取对应行政区的边界 GeoJSON 数据。

渲染步骤

  1. 引入 ECharts 和 AMap 库文件: html [removed][removed] [removed][removed]
  2. 配置 webpack，避免对 AMap 库进行打包： javascript // build/webpack.base.conf.js externals: {'AMap': 'AMap'}
  3. 根据获取到的行政区边界 GeoJSON 数据，使用 ECharts 绘制热力图，并叠加到 AMap 地图上。

注意事项

  • 高德开放平台 API 提供每日免费配额，如需更高配额，可申请企业版。
  • 确保项目中正确引入 ECharts 和 AMap 库文件。
zip
energymap-main.zip 预估大小：54个文件
folder
energymap-main 文件夹
file
.babelrc 240B
file
package.json 2KB
file
package-lock.json 585KB
folder
src 文件夹
folder
components 文件夹
file
dotMap.vue 8KB
folder
mixins 文件夹
file
resize.js 840B
file
main.js 359B
folder
views 文件夹
file
list.vue 3KB
file
home.vue 821B
folder
utils 文件夹
file
index.js 546B
file
App.vue 197B
folder
router 文件夹
file
index.js 327B
folder
styles 文件夹
file
index.scss 145B
folder
store 文件夹
file
index.js 225B
file
postcss.config.js 302B
folder
build 文件夹
file
webpack.dev.js 2KB
file
webpack.config.js 3KB
file
webpack.prod.js 3KB
folder
dist 文件夹
folder
js 文件夹
file
2.0a115f54.js 824KB
file
vendors.0a115f54.js 380KB
file
vendors.0a115f54.js.gz 117KB
file
3.0a115f54.js 2KB
file
main.0a115f54.js 4KB
file
2.0a115f54.js.gz 274KB
folder
css 文件夹
file
2.0a115f54397369d53149.css 1KB
file
3.0a115f54397369d53149.css 881B
file
vendors.0a115f54397369d53149.css.gz 42KB
file
main.0a115f54397369d53149.css 110B
file
vendors.0a115f54397369d53149.css 143KB
file
index.html 1KB
file
favicon.ico 1KB
folder
public 文件夹
file
index.html 1KB
file
favicon.ico 1KB
file
.browserslistrc 32B
file
README.md 2KB
file
vue.config.js 846B
folder
test 文件夹
folder
unit 文件夹
file
setup.js 56B
file
.eslintrc 58B
folder
coverage 文件夹
file
coverage-final.json 1KB
file
clover.xml 1KB
file
lcov.info 261B
folder
lcov-report 文件夹
file
sort-arrow-sprite.png 209B
file
favicon.png 540B
folder
src 文件夹
folder
views 文件夹
file
home.vue.html 5KB
file
index.html 4KB
file
App.vue.html 5KB
file
index.html 4KB
file
block-navigation.js 2KB
file
sorter.js 5KB
file
prettify.css 676B
file
base.css 5KB
file
index.html 5KB
file
prettify.js 17KB
file
jest.conf.js 682B
folder
specs 文件夹
file
test.spec.js 277B
...
zip 文件大小：1.03MB