关于地图如何加亮闪烁

yaoshi 2002-10-19 08:18:39

如何把一张地图分成n个小区域(比如n=4,简单化),
当鼠标出现在某个区域时,该区域加亮显示,同时闪烁,
当鼠标离开该区域时,该区域恢复原来地图的样子.

谢谢啦,各位大哥!

...全文

196 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

llrock 2002-10-20

打赏
举报

不好意思，我的个人主页不能用了，只好借用校友录，把这个图片保存
http://album5.chinaren.com/album/40/82/138240/426678.gif
并且改名字为map.gif，然后把上面的代码保存岛相同目录，记得把那个<img src=map.gif...改过来.

llrock 2002-10-20

打赏
举报

在线用这个，我用chinaren的地图，注意你必须每个区域用不同的颜色显示，也不能和高亮的颜色相同，注意这点就可以了，给分吧，不过还是建议你用更强大的组件，那样你可以选区地图,和属性数据库。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>llrock</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="llrock">
<META NAME="Keywords" CONTENT="Map,">
<META NAME="Description" CONTENT="llrock.myrice.com,">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<div id="background" style="position:absolute;left:0px;top:0px;width:323px;height:265px">
</div>

<div id="subwaymap" style="position:absolute;left:0px;top:0px">
<img src="http://www25.brinkster.com/llrock/download/map.gif" border=0 width=323 height=265>
</div>
<div id="subwaylinks" style="position:absolute; left:634px; top:0px; width:200px">
<A HREF="#" onclick="go('ef467a')">广西</a><BR>
<A HREF="#" onclick="go('74c044')">云南</a><BR>
<A HREF="#" onclick="go('cec395')">四川</a><BR>
<A HREF="#" onclick="go('3196a9')">宁夏</a><BR>
<A HREF="#" onclick="go('3149a9')">内蒙古</a><BR>
<A HREF="#" onclick="go('FEF161')">新疆</a><BR>
<A HREF="#" onclick="go('8b6814')">西藏</a><BR>
<A HREF="#" onclick="go('DC6803')">青海</a><BR>
<BR><BR><BR><A HREF="http://www25.brinkster.com/llrock/download/map.rar" onclick="go('DC6803')">下载原程序</a><BR>
</div>
</BODY>
</HTML>

llrock 2002-10-20

打赏
举报

查了一下午MSDN，终于搞到了，楼主看看这个满不满意。
你可以从http://www25.brinkster.com/llrock/download/map.rar，因为需要图片，所以你要下载

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>llrock</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="llrock">
<META NAME="Keywords" CONTENT="Map,">
<META NAME="Description" CONTENT="llrock.myrice.com,">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<div id="background" style="position:absolute;left:0px;top:0px;width:323px;height:265px">
</div>

<div id="subwaymap" style="position:absolute;left:0px;top:0px">
<img src="map.gif" border=0 width=323 height=265>
</div>
<div id="subwaylinks" style="position:absolute; left:634px; top:0px; width:200px">
<A HREF="#" onclick="go('ef467a')">广西</a><BR>
<A HREF="#" onclick="go('74c044')">云南</a><BR>
<A HREF="#" onclick="go('cec395')">四川</a><BR>
<A HREF="#" onclick="go('3196a9')">宁夏</a><BR>
<A HREF="#" onclick="go('3149a9')">内蒙古</a><BR>
<A HREF="#" onclick="go('FEF161')">新疆</a><BR>
<A HREF="#" onclick="go('8b6814')">西藏</a><BR>
<A HREF="#" onclick="go('DC6803')">青海</a><BR>
<BR><BR><BR><A HREF="http://www25.brinkster.com/llrock/download/map.rar" onclick="go('DC6803')">下载原程序</a><BR>
</div>
</BODY>
</HTML>

yaoshi 2002-10-20

打赏
举报

是被规则的划分的，把地图分成n个小的四边形，
那怎么办那？怎么得到各个小的四边形的坐标活ID，对他操纵那？

llrock 2002-10-20

打赏
举报

方案一：flash
方案二：用很多图素拼一张地图,用js控制。（但是无法处理不规则图像的边界问题）
终极方案：WebGIS，www.esri.com下在一个组件mapObject2.1，你可以免费使用90Day，http://arconline.esri.com/arconline/samples.cfm?PID=17。
不止可以闪烁，还可以动态连接数据库...爽死你

llrock 2002-10-20

打赏
举报

js中无法找倒图像边界，又怎么控制闪烁呢，除非你的地图被规则的划分

Reve 2002-10-20

打赏
举报

<div id="bb">49930-5</div>
<script langugae="javascript">
function blink(it,per)
{
if (per==null) per=500;
var handler=setTimeout("blink(\""+(it)+"\","+per+")",per);
it=eval(it);
if (it.style.visibility=='visible')
it.style.visibility='hidden';
else
it.style.visibility='visible';
return handler;
}
blink("bb");
</script>

qiushuiwuhen 2002-10-19