当前位置：首页 → 问答吧 → 类似google 地图多级显示图片

类似google 地图多级显示图片

时间：2010-05-19

来源：互联网

RT

我想做一个类似功能的多级显示图片程序。

没什么思路。

请诸位高手。提供一下想法。

作者: goodkele 发布时间: 2010-05-19

多级地图的平滑缩放

作者: goodkele 发布时间: 2010-05-19

这麽巧?
我也想做这么个项目,更巧的是,我也想到了来blueidea求助

作者: huamutongyou 发布时间: 2010-05-19

很好的想法我也想学习一下帮你顶上去希望有高手进来帮助我们

作者: cwq2jxl 发布时间: 2010-05-20

猪八戒上面不少类似的应用，这个也不是很简单的那种，花钱也行啊

作者: huamutongyou 发布时间: 2010-05-20

我都不奢望能有源代码，

给我点思路就满足了。

作者: goodkele 发布时间: 2010-05-20

1。平滑其实就是放大或缩小图片,动态修改img大小即可
2。等待鼠标停顿1秒之后,就开始下载新的大的(或小的)图片(像IE可以用zoom稍微做一下假)
3。中途可能会出现正在下载新图片时候,鼠标滚轮又滚动了,此时还是把之前显示的图片再次放大或缩小,然后再下载新比例的图片
4。比如,缩小操作,绝对会出现周围没有图片的情况,此时快速下载周围的图片来补充,然后再更新中间的

4。这个东西的难点不在于技术而在于如何计算比例,以及下载什么图片.主要在于逻辑层方面.
试试吧!

作者: boot 发布时间: 2010-05-21

boot

我很看好你。

其实我要应用在web游戏中。

是游戏中的地图，

作者: goodkele 发布时间: 2010-05-22

我做了个很雷人的demo，只能平移，没有缩放，像大大说的是逻辑很强的东西啊

[ 本帖最后由 wyvernnot 于 2010-5-22 12:22 编辑 ]

附件

无命名.png (5.02 KB)

2010-5-22 12:20

pan.zip (7.59 KB)

2010-5-22 12:22, 下载次数: 9

作者: wyvernnot 发布时间: 2010-05-22

好像网上可以用css直接可以做出效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset = utf-8" />
<title>CSS图片变大</title>
<style type="text/css">
ul#hovershow{
list-style-type: none;
margin: 50px;
float: left;
display: inline;
clear: both;
width: 800px;zoom:1;background:red
}
ul#hovershow li{
float: left;
display: inline;
width: 200px;
height: 150px;
margin: 2px;
}
ul#hovershow li a {
display: block;
width: 200px;
height: 150px;
}
ul#hovershow li a img{
border: 1px #666 solid;
width: 128px;
height: 128px;

}
ul#hovershow li a:hover{
position: absolute;
z-index: 128;
margin: -32px 0 0 -32px;

}
ul#hovershow li a:hover img{
width: 256px;
height: 256px;
border: 1px red solid;

}

</style>
</head>
<body>
<ul id="hovershow">
<li><a href="#" title="test"><img src="topad.jpg" alt="test" /></a></li>
asdsasasasasasasasasa
</ul>
</body>
</html>

作者: deng16587 发布时间: 2010-05-23

这个东西好像有点难，慢慢学吧

作者: shbijiben 发布时间: 2010-05-23

谁能搞懂google maps也行

作者: huamutongyou 发布时间: 2010-05-24