BingMap频繁Add Pushpin和Delete Pushpin会导致内存泄露

近期在做性能測试的时候发现BingMap内存泄露（memory leak）的问题，查找了一些国外的帖子，发现也有类似的问题，可是没有好的解决的方法。

https://social.msdn.microsoft.com/Forums/en-US/3226f255-2ae1-4718-b848-5f24e76b64b0/your-pushpins-are-broken-addremove-leads-to-memory-leak?forum=bingmapsajax

经过一番尝试。找到了一个折中的解决方式，分享一下。

先贴一下Testing Code吧：

<!DOCTYPE html>

<%--<meta http-equiv='x-ua-compatible' content='IE=7;IE=9' />--%>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

	<script src="Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>

	<script charset="UTF-8" type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>

</head>

<body>

    <form id="form1" runat="server">

    <div id="myMap" style="width:800px;height:600px;position:absolute">

	</div>

	<input id="btnAdd" type="button" style="position:absolute;top:700px;left:10px;" value="Add" onclick="addBatchPushpin();"/>

	<input id="btnDelete" type="button" style="position:absolute;top:700px;left:110px;" value="Delete" onclick="deleteBatchPushpin();" />

	<input id="btnClear" type="button" style="position:absolute;top:700px;left:210px;" value="Clear" onclick="clearPushpin();"/>

	<input id="Button1" type="button" style="position:absolute;top:700px;left:310px;" value="Find" onclick="findPushpin();"/>

	<div id="hidElement"></div>

    </form>

</body>

</html>

<script type="text/javascript" >

	var map = null;

	var _layer = null;

	var _bingMapKey = "ApirbCqPCAM1bVBVeh5CrrNm-7lzdCkbDT5OPkck8pXXeKWWGNUrIGsTqlkDHlu8";

	$(document).ready(function ()

	{

		var mapOptions = {

			credentials: _bingMapKey,

			enableClickableLogo: false,

			enableSearchLogo: false,

			showMapTypeSelector: true,

			showCopyright: false

		}

		map = new Microsoft.Maps.Map($("#myMap")[0], mapOptions);

		var infoboxLayer = new Microsoft.Maps.EntityCollection();

		map.entities.push(infoboxLayer);

		map.setView({ animate: true, zoom: 5, center: new Microsoft.Maps.Location(40, -71) });

		_layer = new Microsoft.Maps.EntityCollection();

		map.entities.push(_layer);

		//var lat = 40.56090348161442;

		//var lon = -74.345836486816438;

		//addPushpin(lat,lon);

		setInterval(addBatchPushpin, 500);

		setInterval(deleteBatchPushpin, 1000);

	})

	function addBatchPushpin()

	{

		var lat = 40.56090348161442;

		var lon = -74.345836486816438;

		for (var i = 0; i < 20; i++)

		{

			var randomLatitude = Math.random() + lat;

			var randomLongitude = Math.random() + lon;

			addPushpin(randomLatitude, randomLongitude);

		}

	}

	function deleteBatchPushpin()

	{

		var len = _layer.getLength();

		for (var i = 0; i < len; i++)

		{

			_layer.removeAt(0);

			$('#cfsNew').remove();

			window.CollectGarbage();

		}

	}

	function addPushpin(lat, lon)

	{

		var htmlTest = '<table id="cfsNew" cellpadding="0" cellspacing="0"><tr><td><div style="border: black 2px solid; padding-bottom: 0em; line-height: 12px; background-color: white; margin: 0em;padding-left: 0px; padding-right: 0px; font-family: Arial; color: black;font-size: 12px; font-weight: bold;padding-top: 0em;"><div style="white-space: nowrap;">{P2012-001093} </div><div style="font-weight: bold; font-size: 12px; font-family:Arial"><table style="font-size:inherit;" cellpadding="0" cellspacing="0"><tr><td style="width: 5px; height:5px;"><div style=" background-color: rgb(0,128,0); width: 5px;display: block; margin-bottom: 2px; height: 6px; overflow: hidden; margin-right: 1px"> </div></td><td style="color: rgb(0,128,0);font-size: 12px; font-family:Arial; font-weight:bold;">{297}</td></tr><tr><td style="width: 5px;"><div style=" background-color: rgb(0,128,0); width: 5px;display: block; margin-bottom: 2px; height: 6px; overflow: hidden; margin-right: 1px"></div></td><td style="color: rgb(0,128,0);font-size: 12px; font-family:Arial; font-weight:bold;">907</td></tr><tr><td style="width: 5px;"><div style=" background-color: rgb(255,0,0); width: 5px;display: block; margin-bottom: 4px; height: 6px; overflow: hidden; margin-right: 1px"></div></td><td style="color: rgb(0,128,0);font-size: 12px; font-family:Arial; font-weight:bold;">401</td></tr><tr><td style="width: 5px;"><div style=" background-color: rgb(0,0,220); width: 5px;display: block; margin-bottom: 4px; height: 6px; overflow: hidden; margin-right: 1px"></div></td><td style="color: rgb(0,128,0);font-size: 12px; font-family:Arial; font-weight:bold;">408</td></tr></table></div></div></td></tr><tr><td align="center"><div align="center"><img style="position:relative; width: 40px; height: 40px; left: 20px;top:-1px;" src="Images/ReOpened Box.png" />                    <img style="position:relative; width: 35px; height: 35px; left: -21px; top: -1px;" src="Images/pin.png" /></div></td></tr></table>';

		var loc = new Microsoft.Maps.Location(lat, lon);

		var html = htmlTest;

		var pushpinOptions = { htmlContent: html, zIndex: 100000, width: getWidth(html) };

		var pushpin = new Microsoft.Maps.Pushpin(loc, pushpinOptions);

		_layer.push(pushpin);

	}

	function clearPushpin()

	{

		_layer.clear();

		window.CollectGarbage();

	}

	function findPushpin()

	{

		var test = $('#cfsNew').length;

		alert(test);

	}

	function getWidth(html)

	{

		element = $("#hidElement");

		element.html(html);

		var height = element[0].scrollHeight;

		var width = element.children().width();

		return width;

	}

</script>

分析一下详细的原因吧，就是往地图上添加pushpin的时候，实际上是添加了一个HTML元素。可是移除的时候仅仅是调用_layre.remove(pushpin)或者_layer.removeAt(index)。这两个方法是一样的效果，仅仅是从BingMap的EntityCollection集合中移除了Pushpin对象。可是Pushpin的HTML对象在内存中依旧存在，所以频繁添加移除会导致内存不断的增长。

測试结果：

1. 将cfsNew的HTML元素直接放到页面上，然后每次通过取DOM元素的方式取去加入到地图上。内存增长的速度大概是每秒10M。

2. 将cfsNew的HTML写成一个var的字符串的形式赋给Pushpin的contentHTML上，内存增长的速度大概每秒1M。

3. 假设不用HTML格式的Pushpin。用默认的Pushpin的图标（水滴状），内存添加的频率为每秒0.1M。

4. 加入了$('#cfsNew').remove();方法之后，内存持续添加的情况消失了。

眼下我仅仅是通过删除是手动移除HTML对象的方式解决问题，只是因为每一个图标的HTML是不一样的。还须要绑定特别的属性做这种标记。给程序开发添加了非常大的不方便，还是希望Microsoft能发现并解决问题。

BingMap频繁Add Pushpin和Delete Pushpin会导致内存泄露的更多相关文章

SVN中正确的add操作和delete操作
add操作: delete操作:
内存分配（new/delete,malloc/free,allocator,内存池）
以下来源http://www.cnblogs.com/JCSU/articles/1051826.html 程序员们经常编写内存管理程序,往往提心吊胆.如果不想触雷,唯一的解决办法就是发现所有潜伏的地 ...
【ThinkingInC++】64、重载new和delete，来模仿内存的分配
/** * 书本:[ThinkingInC++] * 功能:重载new和delete.来模仿内存的分配 * 时间:2014年10月5日14:30:11 * 作者:cutter_point */ #in ...
Qt中内存泄露和退出崩溃的问题 delete
Qt中帮程序员做了一些内存回收的事情,但正因为这些反而让对此不熟悉的人会屡屡犯错. 收录一篇不错的文章: 在C++中学习过程中,我们都知道: delete 和 new 必须配对使用(一一对应):d ...
从零开始学C++之重载 operator new 和 operator delete 实现一个简单内存泄漏跟踪器
先来说下实现思路:可以实现一个Trace类,调用 operator new 的时候就将指向分配内存的指针.当前文件.当前行等信息添加进Trace 成员map容器内,在调用operator delete ...
operator new 和 operator delete 实现一个简单内存泄漏跟踪器
先来说下实现思路:可以实现一个Trace类,调用 operator new 的时候就将指向分配内存的指针.当前文件.当前行等信息添加进Trace 成员map容器内,在调用operator delete ...
new和delete动态分配和撤销内存
视频:C++引用及new和delete的使用一.new用法使用new运算符时必须已知数据类型,new运算符会向系统堆区申请足够的存储空间,如果申请成功,就返回该内存块的首地址,动态分配失败,则返回 ...
C++:重载全局new/delete实现跨平台多线程内存检测
Reference: https://blog.csdn.net/u014023615/article/details/39551191 Reference: https://blog.csdn.ne ...
虚析构函数？ vptr？指针偏移？多态数组？ delete 基类指针内存泄漏？崩溃？
五条基本规则: 1.如果基类已经插入了vptr, 则派生类将继承和重用该vptr.vptr(一般在对象内存模型的顶部)必须随着对象类型的变化而不断地改变它的指向,以保证其值和当前对象的实际类型是一致的 ...

随机推荐

今日SGU 5.19
SGU 142 题意:给你一个长度为n的串(由a,b组成),让你找出一个串不是n的子串,长度最下收获:思维题,思路在代码里 #include<bits/stdc++.h> #define ...
OpenJDK源码研究笔记(十二):JDBC中的元数据,数据库元数据(DatabaseMetaData),参数元数据(ParameterMetaData),结果集元数据(ResultSetMetaDa
元数据最本质.最抽象的定义为:data about data (关于数据的数据).它是一种广泛存在的现象,在许多领域有其具体的定义和应用. JDBC中的元数据,有数据库元数据(DatabaseMeta ...
利用HTTP代理录制Jmeter脚本
1 測试计划中加入一个线程组1 2在"工作台"-非測试元件-加入"HTTP代理server" port: 代理server的port,默认8080,可自行改动, ...
[c++]基类对象作为函数參数（赋值兼容规则）
编程处理教师的基本情况. 要求: 1.定义一个"person"类.用来存储及处理人的姓名.性别.年龄,成员函数自定: 2.定义"teacher"类,公有继承&q ...
从头认识Spring-2.4 基于java的标准注解装配-@Inject（2）-通过set方法或者其它方法注入
这一章节我们来讨论一下基于java的标准注解装配标签@Inject是如何通过通过set方法或者其它方法注入? 在使用@Inject标签之前.我们须要在pom文件中面增加以下的代码: <depen ...
解决Not allowed to load local resource
在做视频上传的时候,发现Not allowed to load local resource,也弄了很久,怕自己忘记了所以记下来 bind: function() { SelectVideo.on(& ...
各种join一目了然： join 、inner join、left join 、right join、full join
各种join一幅图一目了然一下每幅图都是指: A * join B on A.id = B.in 这个帖子也非常形象.比較好:http://www.phpddt.com/db/inner_join- ...
高速数论变换(NTT)
今天的A题.裸的ntt,但我不会,于是白送了50分. 于是跑来学一下ntt. 题面非常easy.就懒得贴了,那不是我要说的重点. 重点是NTT,也称高速数论变换. 在非常多问题中,我们可能会遇到在模意 ...
poj 2503 哈希 Map 字典树
Babelfish Time Limit: 3000MS Memory Limit: 65536K Total Submissions: 36967 Accepted: 15749 Descr ...
vmware-虚拟机播放器的下载、安装
如果是在window下安装的话: 1.下载vmware: 到官网下载免费个人版本 https://my.vmware.com/cn/web/vmware/free#desktop_end_user_c ...

BingMap频繁Add Pushpin和Delete Pushpin会导致内存泄露

BingMap频繁Add Pushpin和Delete Pushpin会导致内存泄露的更多相关文章

随机推荐

热门专题