常用软件推荐
原创软件推荐
我的世界天空跳跃跑酷地图，这是一张难度稍大的跑酷地图，全图只有一个重生点，分两个阶段，第一部分就是图中那个高楼的外部，我们沿着一圈跳上最高处，完成就可以进入第二段了。我的世界天空跳跃跑酷地图说明：1、下载地图包，然后用7z或者WINRAR解压。2、把解压的文件拖入minecraft\saves文件夹。3、进入游戏选择地图开始享受游戏。注意事项：1.地图的版本适用性很高，但部分版本会出现（花方块或者方块消失）主要是版本差别某些方块被替换。2.按ESC-选项--视频设置--能见度高（不卡的话用这个效果更好）
我的世界地图专题是非凡下载站为我的世界(Minecraft)玩家整理收集的最新最全我的世界地图下载专题，本专题内收录了众多来自论坛、贴吧、社区等网站玩家公开分享的各类特色地图，既包含了冒险地图和生存地图，还有许多奇幻建筑的地图。欢迎我的世界(Minecraft)粉丝添加本页面到书签，不定期前来下载最新分享的地图包。
我的世界微华城地图细雨春风落星辰，韶华辞别白首...
我的世界1.8-1.10.2布莱尔女巫地图是以扩大的尺寸...
我的世界大秦重生点地图是一张古风建筑群的地图存...
我的世界1.10.2淹没跑酷地图，你要一直不停的往前...
高速下载器地址
适合机型：三星N9200,三星N9200刷机包
Android版本:6.0.1
ROM大小:1450.00 MB
本站提供的软件会测试再上传，但无法保证所有软件都没有问题，如果您发现链接错误或其它问题，请在评论里告诉我们！
下载点支持点击下载(IE图标)或(迅雷图标)，若直接点击下载速度太慢，请尝试点击其他的下载点，若文件太大请使用高速下载器。为确保下载的文件能正常使用，请使用最新版本解压本站软件。
建议大家谨慎对待所下载的文件，大家在***的时候务必留意每一步！关于或的有关提示，请自行注意选择操作。
本站所有资源均是软件作者、开发商投稿、网上搜集，任何涉及商业盈利目的均不得使用，否则产生的一切后果将由您自己承担！将不对任何资源负法律责任。所有资源请在下载后24小时内删除。百度地图API详解之地图容器_最火下载站
您的位置： >
> 百度地图API详解之地图容器
百度地图API详解之地图容器
地图容器就是包含地图区域的那个框框，这个有什么可说的呢？请您往下看。
通常我们会给地图容器一个固定的尺寸：
&font id=&map& style=&width:500height:320px&&&/font&
假设上面的font元素就是我们的地图容器，那么地图显示范围就是500x320：
有时我们希望地图容器随着浏览器变化而变化，那么我们将样式调整为：
有时我们希望地图容器随着浏览器变化而变化，那么我们将样式调整为：
html{height:100%}body{height:100%;margin:0padding:0px}#map{height:100%}
这时地图区域会跟随着浏览器的大小自动变化，另外API也会根据外框尺寸的变化自动铺设图块以保证视野内地图是完整的。通过***map的resize事件可得知地图容器在什么时候发生变化了。注意在容器大小发生变化时，API默认保证地图到左边和上边的距离始终一致，这样做的目的也是保证地图相对于人眼的位置不发生变化（因为用户在修改浏览器窗口尺寸时通常都会调整右下方的点），简单说就是用户不会感到地图有任何的&跳动&：
我们看到随着浏览器窗口变大，地图逐渐展示出北京市东南区域的图块，而整个地图相对于左上角的位置没有发生变化。还有一点需要注意，这种情况下地图中心点是发生变化的了，之前中心位于***附近，之后中心点向东南方向移动了。我们可以通过***resize事件来验证：
map.addEventListener('resize', function(){
console.log(this.getCenter().lng + ',' + this.getCenter().lat);});
下面是在firebug中看到的数据，可以看出经度不断变大，纬度不断减小，说明中心点向东南方向移动了。
如果希望不管容器怎样变化地图中心点都保持一致该怎么办呢？首先你需要禁止地图自动适应容器变化，这可通过设置MapOptions的enableAutoResize属性为false或者调用Map的disableAutoResize方法来实现：
var map = new Map('map', {enableAutoResize: false});
此时你会发现容器变化时，地图不再自动铺图，也不会派发resize事件了。此时我们需要自己***body的resize事件：
&body onresize=&resizeMap()&&
resizeMap方法中需要做如下工作：
function resizeMap() {
var center = map.getCenter();
map.checkResize();
map.setCenter(center);}
我们先获取地图中心点，然后调用Map的checkResize方法通知地图容器发生变化，此时地图会进行铺图，最后我们设置地图中心点为之前的获取的值。这样不论地图容器如何变化，地图中心点始终保持一致。去哪（）酒店的页面上就有这样一个地图，其提供了大图模式和小图模式切换的按钮，切换后地图中心点保持一致（）。
还有一种稍复杂的情况，对于以地图应用为主的网站，通常界面布局会是如下样式：
网站上方是搜索区域，左侧是结果展示区域，剩下的区域用来展示地图。网站很可能提供一个全屏按钮来隐藏上面和左面的区域，为了获得更好的用户体验，我们希望此时地图相对于整个浏览器的位置不会发生变化，仿佛上面和左面的区域是盖在地图上的。这样空说可能不好理解，我们来看实际的例子：
首先准备完整的HTML页面：
&!DOCTYPE html&&html&&head&&meta charset=&utf-8& /&&title&API详解&/title&&style type=&text/css&&html{height:100%;}body{height:100%;margin:0padding:0}#top{width:100%;height:79border-bottom:1px solid #background:#}#aside{position:top:80width:159border-right:1px solid #background:#}#map{margin-left:160}&/style&&script type=&text/javascript& src=&http://api./api?v=1.2&&&/script&&/head&&body onload=&init()& onresize=&checkSize()&&&font id=&top&&&/font&&font id=&main&&
&font id=&aside&&&/font&
&font id=&map&&&/font&&/font&&/body&&script type=&text/javascript&&function checkSize() {
var h = document.documentElement.clientH
document.getElementById('aside').style.height = h - 80 + &px&;
document.getElementById('map').style.height = h - 80 + &px&;}function init() {
checkSize();
var map = new BMap.Map('map');
map.centerAndZoom('北京');
window.map =}&/script&&/html&
页面效果如下：
这时我们修改浏览器窗口大小，地图会自动铺图并且地图相对于左边和上边的距离保持不变，一切效果OK。下面我们添加编写一个全屏函数：
function toFullScreen() {
document.getElementById('top').style.display = 'none';
document.getElementById('aside').style.display = 'none';
var h = document.documentElement.clientH
var mapContainer = document.getElementById('map');
mapContainer.style.height = h + &px&;
mapContainer.style.marginLeft = &0&;}
这个函数将两个区域进行隐藏，同时调整地图容器，我们在控制台调用这个方法，会得到这个结果：
和之前的图对比可以发现地图区域向左上方移动了，这样会给用户地图&跳动&的感觉，为了让地图与用户眼睛的位置保持一致，我们需要修改toFullScreen函数：
function toFullScreen() {
map.disableAutoResize();
var h = document.documentElement.clientH
var curPix = map.pointToPixel(map.getCenter());
var newPix = new BMap.Pixel(curPix.x - 80, curPix.y - 40);
var newCenter = map.pixelToPoint(newPix);
document.getElementById('top').style.display = 'none';
document.getElementById('aside').style.display = 'none';
var mapContainer = document.getElementById('map');
mapContainer.style.height = h + &px&;
mapContainer.style.marginLeft = &0&;
map.checkResize();
map.setCenter(newCenter);
map.enableAutoResize();}
这里大致的思路是，首先停止地图自动适应容器变化，接着通过坐标转换得到当前中心点对应的像素坐标curPix，再计算出全屏后中心点的像素坐标newPix，进而转换为经纬度newCenter。下面调用修改容器尺寸并调用checkResize通知地图容器发生变化，接着再重新设置中心点并恢复自动适应容器变化。效果如下：
此时，全屏过程中地图没有任何的&跳动&，从而提供了较好的用户体验。谷歌地图也使用了类似的效果，当左侧面板收起时，地图区域自动向左侧扩展，而没有向左侧跳动。
最后说明一下，上面的checkResize方法没有考虑全屏幕的情况，因为它不是本文的重点，就不再这里给出具体代码了。
上一篇： 下一篇：浏览下载：
游戏大小：15.1MB
软件作者：oelectrik
更新时间：
评分排行榜
9.9分点击：1475675
9.9分点击：786431
9.9分点击：529491
9.8分点击：500696
9.8分点击：652685
9.8分点击：523879
9.8分点击：940861
9.8分点击：519544
9.7分点击：366576
9.7分点击：852269
地图名：跳跃训练
英文名：Advanced bunny training
文件名：l4d2_bhop_emf.vpk
关卡数：1/1
版本号：1.0
《跳跃训练》这张图就是为了提高玩家的跳跃技巧，整张地图一个僵尸都没有，迎接你的是各种非常困难的跳跃训练。小编尝试了一下，第一关小编就过不去了，YOUTUBE上有该地图的视频，无奈小编无法打开，希望可以看到的同学可以在下方评论处分享心得。
傻瓜建图命令[直接复制以下代码至控制台]：
Map l4d2_bhop_emf&coop
地图提取码：yqyw
好消息：网友埃拉分享了视频。
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
怎么进这地图玩耍呀？地图我下了的
跳的?候 CTRL要按住不放 再配合左右跟滑鼠? 不需要吃? 4?全?
大神教我怎么超级跳啊，我是小白、、我QQ，教我
需要连跳技巧.配合鼠标滚轮 玩过CS会连跳的同学 这图简单的很. 真正有挑战的CS连跳地图多的是.不过别看视频里跳着简单.真正练习连跳可不是一朝一夕的
问题是L4d2不能像CS那样连跳可越跳越远啊
谁能告诉我。这个地图怎么进0 0
兄弟齐心其利断金
CS的连跳么？！
点击_免费看妹妹***制服表演
0. ---------------------- CuIPAxrQgtVPVogLhGubgOKYzjYkkhnfVGppfQZylx ★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 【请看的名字
不会啊 555
研究了半天了 感觉跳不出来啊 求个师傅
这 我他妈的第一关都没过啊
这个没玩过几年CS或者几个月KZ的要跳个几天都过不去的= =
晕 我打了肾上腺素针 第一关也有困难 高手就是高手
晕 我打了肾上腺素针 竟然和视频效果一样 你们也试试看
晕 和CS一样
我用二级跳插件和高跳插件{s:10}{s:9}
第一关第四个怎么跳过去的...
。。。。。。。。。。。。
这个需要改按键吗？
上面一个视频的最后一个地方竟然跳的过去，神了