- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在处理洪水淹没工作网站 (USGS),并且在选择新叠加层时遇到释放 PNG 叠加层内存的问题。用户可以选择不同的叠加层,然后显示不同的洪水 map 。问题是在选择了大约 4-5 个不同的叠加层后,内存已满并且停止显示新选择的叠加层。我们正在尝试将我们的网站转换为 Google Maps api v3。我们已经尽可能地减小了 PNG 文件的大小(它们的平均大小为 150kb),但我的想法已经用完了。每次选择新叠加层时,我都会将 map 和 pngOverlay 变量设置为 null,但内存使用量会随着每次新选择而增加约 .40 GB。我还尝试使用 .htaccess 文件来消除 PNG 的缓存,但这也不起作用。
我从站点中删除了所有 jQuery 和工作元素以排除其他所有内容。这个版本只有 map 和表格,没有设计元素。仍然有同样的问题。我在下面发布了我的代码的精简版本,并将其放在可公开访问的服务器上 - http://il.water.usgs.gov/ifhp/test/
任何提示/解决方法将不胜感激!谢谢。
//index.php
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="STYLESHEET" type="text/css" href="stylesheets/3col.css">
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?&sensor=false"></script>
<script type="text/javascript" src="scripts/mapv3_3.js"></script>
</head>
<body onload="initialize()">
<!--[if lte IE 6]><script src="ie6/warning.js"></script><script>window.onload=function(){e("ie6/")}</script><![endif]-->
<div>
<form name="myform">
<input onclick="loadPNG();" checked="true" type="radio" id="AreaButton" value="Area" name="OverlayType"/>Inundation area<br/>
<input onclick="loadPNG();" type="radio" id="DepthsButton" value="Depths" name="OverlayType"/>Inundation depth<br/><br/>
<select onchange="loadPNG();" type="select" id="GageHeightSelect" name="GageHeight" size="9">
<option selected="true" value="6"> 570.62 (6.0)</option>
<option value="7"> 571.62 (7.0)</option>
<option value="8"> 572.62 (8.0)</option>
<option value="9"> 573.62 (9.0)</option>
<option value="10"> 574.62 (10.0)</option>
<option value="11"> 575.62 (11.0)</option>
<option value="12"> 576.62 (12.0)</option>
<option value="13"> 577.62 (13.0)</option>
<option value="14"> 578.62 (14.0)</option>
</select>
</form>
</div>
<div id="map_canvas"></div>
</body>
//mapv3_3.js
var map;
var pngOverlay;
var pngName;
var bounds;
var bounds9;
var bounds10;
var mylatlng = new google.maps.LatLng(41.62, -88.20);
var myLatlng1 = new google.maps.LatLng(41.5222527,-88.1925623); //coordinates for marker 1
var myLatlng2 = new google.maps.LatLng(41.69,-88.16638889); //coordinates for marker 2
var curdate= new Date();
var curtime=curdate.getTime();
function initialize() {
//MAP
var mapOptions = {
center: mylatlng,
zoom: 11
};
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
//MARKER IMAGES
var imageRefGage = new google.maps.MarkerImage('http://il.water.usgs.gov/ifhp/will/images/icon16.png',
null,
null,
new google.maps.Point(16, 16),
new google.maps.Size(32, 32));
var imageAuxGage = new google.maps.MarkerImage('http://il.water.usgs.gov/ifhp/will/images/icon16b.png',
null,
null,
new google.maps.Point(16, 16),
new google.maps.Size(32, 32));
var shad = new google.maps.MarkerImage('http://www.google.com/mapfiles/shadow50.png',
new google.maps.Size(37, 34),
new google.maps.Point(0,0),
new google.maps.Point(10, 34));
//MARKERS
var marker1 = new google.maps.Marker({
position: myLatlng1,
map: map,
title:"05540500",
icon: imageRefGage,
shadow: null
});
var marker2 = new google.maps.Marker({
position: myLatlng2,
map: map,
title:"05540290",
icon: imageAuxGage,
shadow: null
});
//SET BOUNDS
// bounds for loading inundation layer png files (default, applies to all but 2 layers)
var swBound = new google.maps.LatLng(41.49262999190302, -88.24375135362827);
var neBound = new google.maps.LatLng(41.72723485385204, -88.13178850320171);
bounds = new google.maps.LatLngBounds(swBound, neBound);
// bounds for loading inundation layer new_surface9 png file
var swBound9 = new google.maps.LatLng(41.4970009997941, -88.23676753388432);
var neBound9 = new google.maps.LatLng(41.72228131551275, -88.14084620668086);
bounds9 = new google.maps.LatLngBounds(swBound9, neBound9);
// bounds for loading inundation layer new_surface10 png file
var swBound10 = new google.maps.LatLng(41.49696802795427, -88.2368497532207);
var neBound10 = new google.maps.LatLng(41.72231432415114, -88.140818671907);
bounds10 = new google.maps.LatLngBounds(swBound10, neBound10);
loadPNG();
};
function loadPNG() {
if (document.myform.GageHeight.value != "") {
if (getCheckedValue(document.myform.elements['OverlayType']) == "Depths") {
pngName = "new_depth" + document.myform.GageHeight.value + "-fs8";
} else {
pngName = "new_surface" + document.myform.GageHeight.value + "-fs8";
}
pngFile = "http://il.water.usgs.gov/kml_files/png/" + pngName + ".png";
if (pngOverlay!=null) {
pngOverlay.setMap(null);
pngOverlay = null;
}
if (pngName == "new_surface9-fs8") {
pngOverlay = new google.maps.GroundOverlay(pngFile, bounds9);
} else if (pngName == "new_surface10-fs8") {
pngOverlay = new google.maps.GroundOverlay(pngFile, bounds10);
} else {
pngOverlay = new google.maps.GroundOverlay(pngFile, bounds);
}
pngOverlay.setMap(map);
}
};
function getCheckedValue(radioObj) {
if(!radioObj)
return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
if(radioObj.checked)
return radioObj.value;
else
return "";
for(var i = 0; i < radioLength; i++) {
if(radioObj[i].checked) {
return radioObj[i].value;
}
}
return "";
};
最佳答案
我无法确认泄漏(在 FF 中测试,当我尝试打开页面或其中一张图片时,chrome 立即崩溃)。
我想这里的问题是图像的大小(不是文件大小,50kb 应该不是问题)。
用于叠加层的图像大小为 6795 x 14239 像素,必须按比例缩小到例如在初始缩放 11 到 140x438 时,需要非常高的 CPU 使用率(请参阅 Whats the rationale behind the YSlow rule "Don't Scale Images in HTML")。
尝试使用具有适当尺寸的图像(取决于缩放级别)
关于google-maps - 谷歌地图 v3 PNG 覆盖在发布时不释放内存,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21443588/
我有一个附加了 View Controller 的 AVAudioPlayer 实例。 @property (nonatomic, retain) AVAudioPlayer *previewAudi
我是java初学者。假设我声明了一个 Account 类型的变量 Account _account = new Account("Thomas"); 然后在其他地方我做了这样的事情: _account
我在我的应用程序中使用了 3 个 UIViewController,现在我想知道当我从另一个应用程序切换到另一个 UIViewController 时释放它们是否是一个好主意。显然,这将是隐藏的,当它
我分配了一个直接缓冲区: ByteBuffer directBuffer = ByteBuffer.allocateDirect(1024); 我读过: Deallocating Direct Buf
场景。我有一个图表,我可以使用右键单击来执行平移。这非常有效。然后我完美地添加了右键菜单。 问题。现在,即使在拖动操作完成后释放鼠标,也会显示右键菜单。 有没有办法在 Java Swing 或 Jav
我使用此代码获取 ABPerson 的姓氏 CFStringRef lastNameRef = ABRecordCopyValue((ABRecordRef)personRecordRef, kABP
目前,我们在基于 C 的嵌入式应用程序中使用 malloc/free Linux 命令进行内存分配/取消分配。我听说这会导致内存碎片,因为内存分配/取消分配会导致堆大小增加/减少,从而导致性能下降。其
当我尝试释放缓冲区时遇到问题。每次我尝试将缓冲区传递给释放方法时,都会发生段错误。 Valgrind 确认段错误位于 BufferDeallocate 方法中。 ==30960== Memcheck,
我想知道何时按下或释放修改后的键(Ctrl 或 Shift)。 基本上,用户可以在按下修改键的情况下执行多次击键,而我不想在它被释放之前执行一个操作(想想 Emacs 和 Ctrl + X + S).
我编写了一个相当大的网络应用程序。它运行良好一段时间,然后慢慢开始运行缓慢,因为 DOM 节点开始爬升到 80,000 - 100,000 左右。 所以我一直在 Chrome 开发工具控制台 (DCT
我知道在像 c 这样的语言中,我需要在分配内存后释放它。 (我来自 Java),对此我有几个问题: 当我在做的时候: int array[30]; (即创建一个大小为 30 个整数的数组)与
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: How to release pointer from boost::shared_ptr? Detach
我有一个可以从多个后台线程访问的类,可能同时访问。我无法复制该类,因为重新创建它的内容(处理或内存方面)可能很昂贵。 也有可能在后台处理仍在继续并访问该属性时替换了此类的属性。 目前我有定期的保留/释
这个问题是对: 的扩展链接-1:Creating an image out of the ios surface and saving it Link-2:Taking Screenshots fro
我有一个实例变量 NSMutableArray* searchResults。 首先,我初始化它: self.searchResults = [[NSMutableArray alloc] init]
如果我在堆上声明一些东西,比如 char *a=new char[1000] 并且主程序停止,如果没有 delete[]<,那么分配的内存会发生什么 调用?它保留在堆上还是自动释放? 最佳答案 就C+
在开发相机应用时,我遇到了一个异常,该异常仅在我切换到其他应用时发生(onPause() 用于我的应用)。 01-15 17:22:15.017: E/AndroidRuntime(14336): F
使用 JDK 1.8 编译时出现 maven 编译器错误 无法执行目标 org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (de
将 BufferedImage 保存到磁盘(以释放内存)的最快方法是什么? 我的 Java 应用程序处理大量图像(每约 300 毫秒将图像加载到内存中)。大多数这些图像都会立即被丢弃 (gc),但每隔
使用 JDK 1.8 编译时出现 maven 编译器错误 未能在项目 DUMMY 上执行目标 org.apache.maven.plugins:maven-compiler-plugin:3.8.1:
我是一名优秀的程序员,十分优秀!