对不起我玩赖了,但是,CSDN只能注册一下,这也是我全部的分了(CSDN是不是按IP给注册的啊,想注册几个,可是注册不了。)===========
刚从学样毕业,是个破大专,一年再怎么省也得8千多,总算毕业了,好不容易找到现在这个工作,上了16天了,今天,老板要这个网站的效果,让我三天后交上,我还没有过试用期呢。想了一天,也不知道是怎么作,闹心,愁啊,现在还没有吃晚饭呢。
是以下的网站。
http://www.591hi.com/index.htm就是低下一堆那个东西。好象是JS作的,但我功力不,想下载代码,下完了,不好使或不会用。一天过去了,真是晕的乎的。求求各位了,如果您有能力帮我,并且不影响您的话,请帮我一下。
谢谢,看贴或回贴的。
刚从学样毕业,是个破大专,一年再怎么省也得8千多,总算毕业了,好不容易找到现在这个工作,上了16天了,今天,老板要这个网站的效果,让我三天后交上,我还没有过试用期呢。想了一天,也不知道是怎么作,闹心,愁啊,现在还没有吃晚饭呢。
是以下的网站。
http://www.591hi.com/index.htm就是低下一堆那个东西。好象是JS作的,但我功力不,想下载代码,下完了,不好使或不会用。一天过去了,真是晕的乎的。求求各位了,如果您有能力帮我,并且不影响您的话,请帮我一下。
谢谢,看贴或回贴的。
http://www.591hi.com/
大家从这里进去!
<script src="http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAA3t6U8VLSVh0kflf03RE2hRR4AhZv8LotTLCeS-EVpXMBJThh4BQmauwMqzVKVXallIqlBC2A3lgpvw" type="text/javascript"></script>
//这个里面他自己定义的几个变量
<script src="maps2_cn.js" type="text/javascript"></script>
下面是关键实现代码
<script type="text/javascript">
//<![CDATA[
function aboutText(point,txt)
{
//this.bounds_ = bounds;
this.point_ = point;
this.txt_ = txt;
}
aboutText.prototype = new GOverlay();
aboutText.prototype.initialize = function(map) {
// 创建用于表示该矩形区域的 DIV 元素
var div = document.createElement("div");
div.style.border = "1px solid #CC6600";
div.style.color = "#ffffff";
div.style.backgroundColor = "#993300";
div.style.position = "absolute";
//div.appendChild(document.createTextNode(this.txt_));
div.style.textAlign="center";
div.style.padding="0px 0px 0px 0px"
div.style.fontSize = "12px";
div.style.height = "12px";
div.style.cursor = "pointer";
div.style.whiteSpace="nowrap";
var c = map.fromLatLngToDivPixel(this.point_);
div.style.left = c.x+"px";
div.style.top = c.y+"px";
div.innerHTML = this.txt_;
// 我们希望将覆盖物紧贴于地图之上,因此我们把它放置在 Z 序最小的 G_MAP_MAP_PANE 层,
// 事实上,这也是地图本身的 Z 顺序,即在标注的影子之下
map.getPane(G_MAP_MAP_PANE).appendChild(div);
this.map_ = map;
this.div_ = div;
}
aboutText.prototype.remove = function()
{
this.div_.parentNode.removeChild(this.div_);
}
// 将此覆盖物的数据复制到另一个 Rectangle 对象
aboutText.prototype.copy = function()
{
return new Rectangle(this.bounds_, this.txt_);
}// 根据当前的视角和缩放级别重新绘制矩形对象Rectangle.prototype.redraw
aboutText.prototype.redraw = function(force)
{
// 只有当坐标系改变时,我们才需要重绘
if (!force) return;
// 根据当前显示区域的经纬度坐标,计算 DIV 元素的左上角和右下角的像素坐标
var c = this.map_.fromLatLngToDivPixel(this.point_);
// 根据计算得到的坐标放置我们的 DIV 元素
this.div_.style.left = c.x + "px";
this.div_.style.top = c.y + "px";
// this.div_.style.width = "auto";
}
/////////////////////////////////////////////////////////////////////////
function load() {
if (GBrowserIsCompatible()) {
var mx = 30.6502;
var my = 104.0639;
var zo = 12;
var map = new GMap2(document.getElementById("map"));
var cpoint = new GLatLng(mx,my);
map.addControl(new GScaleControl()); //比例图示
map.addControl(new GLargeMapControl()); //缩放图标 GSmallMapControl
map.addControl(new GOverviewMapControl());
map.enableDoubleClickZoom();//允许鼠标双击放大(左键)和缩小(右键)
//map.enableScrollWheelZoom();//允许鼠标滚轮放大和缩小
map.enableContinuousZoom(); //
map.setCenter(cpoint, zo);
var a = new Array(157);
for(i=0;i<157;i++)
{
a[i]=new Array();
}
a[0][0]=542;
a[0][1]=30.64241672;
a[0][2]=104.0938282;
a[0][3]='晶蓝半岛';
a[0][4]='2007-5/23/200705231435256215.html';
a[0][5]='2006-11-19';
a[0][6]='5600元/平方米';
a[0][7]='成都龙湖锦华置业有限公司';
a[0][8]='';
此处省去重复部分
a[156][0]=2914;
a[156][1]=30.63584423;
a[156][2]=104.08533096;
a[156][3]='正黄上岭';
a[156][4]='2007-7/24/200707241008257349.html';
a[156][5]='2007-7-28';
a[156][6]='6000元/平方米';
a[156][7]='四川正黄置业发展有限公司';
a[156][8]='';
for(i=0;i<157;i++)
{
var point = new GLatLng(a[i][1], a[i][2]);
var b = '楼盘名称:'+a[i][3]+'<br>开 发 商:'+a[i][7]+'<br>楼盘均价:'+a[i][6]+'<br>开盘日期:'+a[i][5];
var txt = "<a href=/html/"+a[i][4]+" target=_blank onMouseMove='seashowtip(this.tips,1,300)' onMouseOut='seashowtip(this.tips,0,300)' tips='"+b+"'>"+a[i][3]+a[i][8]+"</a>";
map.addOverlay(new aboutText(point,txt));
}
}
}
function seashowtip(tips,flag,iwidth)
{
//鼠标移至提示
var my_tips=document.all.mytips;
if(flag){
my_tips.innerHTML=tips;
my_tips.style.display="";
my_tips.style.width=iwidth;
my_tips.style.left=event.clientX+10+document.body.scrollLeft;
my_tips.style.top=event.clientY+10+document.body.scrollTop;
}
else
{
my_tips.style.display="none";
}
}
//]]>
</script>
<style>
a{
text-decoration:none;
color:#FFFFFF;
}
body,td
{
font-size:12px;
}
.STYLE1 {color: #FFFFFF}
</style>
</head>
<body onload="load()" onunload="GUnload()" style="margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px;"><table width="650" border="0" cellpadding="0" cellspacing="0">
<div id=mytips style=" z-index:99;position:absolute;background-color:#ffffff;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5; padding:4 4 4 4"></div>
<tr>
<td height="28" align="center" bgcolor="#006699"><a href="map_show.asp">成都</a>
<a href="map_show.asp?id=163">金牛</a>
<a href="map_show.asp?id=164">青羊</a>
<a href="map_show.asp?id=165">成华</a>
<a href="map_show.asp?id=166">锦江</a>
<a href="map_show.asp?id=167">武侯</a>
<a href="map_show.asp?id=168">高新</a>
<a href="map_show.asp?id=169">龙泉驿</a>
<a href="map_show.asp?id=170">青白江</a>
<a href="map_show.asp?id=171">新都</a>
<a href="map_show.asp?id=172">温江</a>
<a href="map_show.asp?id=173">崇州</a>
<a href="map_show.asp?id=174">邛崃</a>
<a href="map_show.asp?id=175">都江堰</a>
<a href="map_show.asp?id=176">彭州</a>
<a href="map_show.asp?id=177">金堂</a>
<a href="map_show.asp?id=178">双流</a>
<a href="map_show.asp?id=179">郫县</a>
<a href="map_show.asp?id=180">大邑</a>
<a href="map_show.asp?id=181">蒲江</a>
<a href="map_show.asp?id=182">新津</a>
</td>
</tr>
<tr>
<td><div id="map" style="width: 774px; height: 600px; "> </div></td>
</tr>
</table>
</body>
</html>