Code Monkey home page Code Monkey logo

Comments (16)

hwk12 avatar hwk12 commented on August 22, 2024 1

内存泄漏问题终于解决了,十分感谢您的帮助。虽然昨天本地项目就可以正常运行,但因为我们公司把项目并入了微前端,在微前端上无法初始化界面,用了高德相关的api提前初始化就会导致内存泄漏的问题,这也是clearMap以后内存还在泄漏的原因。今天终于找到无法初始化的原因,在微前端的index.html上还有一份旧的高德引入的script,应该和我引入的形成冲突,注释掉之后问题解决

from echarts-extension-amap.

plainheart avatar plainheart commented on August 22, 2024

这个我怎么能快速地复现一下?当前给出的代码无法直接执行,也显得有些复杂。能用 Codepen 提供个简化之后的在线例子吗?

from echarts-extension-amap.

hwk12 avatar hwk12 commented on August 22, 2024

我已经通过邮件将相关文件发给你,不知道有没有收到。只要将vue文件作为组件引入就行,在public里面放入一个包含geo的文件夹即可重现。

from echarts-extension-amap.

plainheart avatar plainheart commented on August 22, 2024

似乎没有收到,你发送的是邮箱地址是?

from echarts-extension-amap.

hwk12 avatar hwk12 commented on August 22, 2024

[email protected]

from echarts-extension-amap.

plainheart avatar plainheart commented on August 22, 2024

可能是你填错邮箱地址了,邮箱地址在我的 GitHub 主页,稍后麻烦你再发一遍吧。

from echarts-extension-amap.

hwk12 avatar hwk12 commented on August 22, 2024

可能是你填错邮箱地址了,邮箱地址在我的 GitHub 主页,稍后麻烦你再发一遍吧。

已发送到[email protected]

from echarts-extension-amap.

plainheart avatar plainheart commented on August 22, 2024

代码里为什么在每次刷新前要 clear 一下?这样会导致整个地图完全重新加载。不过根据你这个用法也发现了在 clear 的时候,现在的逻辑会出现地图实例可能无法被正常销毁的 bug。

from echarts-extension-amap.

hwk12 avatar hwk12 commented on August 22, 2024

代码里为什么在每次刷新前要 clear 一下?

我是在公司老前端的一些代码基础上改的,他的代码思路比较完善,所以我保留了clear。主要感觉clear总比不clear更完善一点,可能可以避免一些其他问题,是否会带来什么问题,暂时没遇到

from echarts-extension-amap.

hwk12 avatar hwk12 commented on August 22, 2024

代码里为什么在每次刷新前要 clear 一下?这样会导致整个地图完全重新加载。不过根据你这个用法也发现了在 clear 的时候,现在的逻辑会出现地图实例可能无法被正常销毁的 bug。

我找到了要用clear的原因,我下面还注释掉了一部分代码,用axios的,我还给高德的amap加了一层geo的覆盖层,如果不用clear,覆盖层会越叠越厚,这个同样占内存,但是2边大部分相似的代码,AMap没有定义,简化代码的不能使用,我原始的那个可以

from echarts-extension-amap.

hwk12 avatar hwk12 commented on August 22, 2024

我找到简化出问题的原因了,index.html里面的<script src="https://webapi.amap.com/maps?v=2.0&key=key&plugin=AMap.GeoJSON"></script>被我注释了。这样去掉clear,我怎么清除我添加的这个覆盖层

from echarts-extension-amap.

plainheart avatar plainheart commented on August 22, 2024

这个要调用高德地图本身的API,添加是 amap.add 移除是 amap.remove

from echarts-extension-amap.

hwk12 avatar hwk12 commented on August 22, 2024

这个要调用高德地图本身的API,添加是 amap.add 移除是 amap.remove

remove使用后没有效果,不知道是不是我无法指定的问题。
现在我把remove换成clearMap
const amap = this.chart.getModel().getComponent('amap').getAMap()
amap.clearMap()
amap.add(geojson)

然后去掉了echarts的clear,效果层面比原来更好,内存还是会在每次数据刷新时小幅度上涨,但是不会下降,总体上应该泄漏的更少,这个amap是不是和高德的map还是不同

from echarts-extension-amap.

plainheart avatar plainheart commented on August 22, 2024

map 实例和高德地图是一样的,amap.remove(geojson) 应该是可以的,如果不可以可能是你的用法有问题。

from echarts-extension-amap.

hwk12 avatar hwk12 commented on August 22, 2024

from echarts-extension-amap.

plainheart avatar plainheart commented on August 22, 2024

没有看到你所说的“下图红色的内存部分”。没有可复现的例子的话,就很难办了。如果需要用到编译环境,可以考虑用 codesandbox 来做 Demo,注意简化代码逻辑,只留下必要的部分。

from echarts-extension-amap.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.