首页 新闻 搜索 专区 学院

百度地图API求助:多个楼盘自定义覆盖物循环出来。(循环,循环····)

0
悬赏园豆:30 [已解决问题] 解决于 2013-04-17 19:09

菜鸟我又来了。。。

我的求助:因为网站需要在一个地图页面(地图找房)。列出所有楼盘,点击覆盖物弹出更详细的内容框。目前从数组中循环出了多个覆盖物和信息框,但不知道怎么关联起来····急。。大谢!

 

目前已经完成效果图:

 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2&ak=CB2ede775afeb6e413abd40261396a69"></script>
<title>添加自定义覆盖物</title>

<style type="text/css">
*{margin:0;
padding:0;
}

.q_MapInfo{
overflow:hidden;
}

.q_MapInfo h4{
line-height:25px;
color:#2b2b2b;
border-bottom:1px solid #999;
font-size:12px;
margin-bottom:5px;
font-weight:normal;
}

.q_infos{
overflow:hidden;
}

.q_infos:after{
display:block;
visibility:hidden;
font-size:0;
height:0;
content:"";
clear:both;
}

*html .q_infos{zoom:1;}
*html+first-child .q_infos{zoom:1;}

.q_infoLeft{
float:left;
width:200px;
font-size:12px;
line-height:30px;
}
.q_infoLeft p{
line-height:30px;
}

.q_infoLeft a{
text-decoration:none;
color:#2b2b2b;
}

.q_infoLeft a:hover{
color:red;
}

.q_infoRight{
float:right;
width:100px;
height:75px;
}
.q_infoRight img{
display:block;
width:100px;
height:75px;
overflow:hidden;
}

.q_infoBot{
border-top:1px solid #999;
}

.q_infoBot p{
line-height:30px;
}

.q_infoBot em{
font-size:24px;
font-style:normal;
color:green;
}

</style>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
var mp = new BMap.Map("allmap");
mp.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件
mp.addControl(new BMap.OverviewMapControl({isOpen:true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT})); //右下角,打开
mp.addControl(new BMap.ScaleControl()); // 添加默认比例尺控件
mp.addControl(new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT})); // 左下
mp.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件
mp.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_SMALL})); //右上角,仅包含平移和缩放按钮
var point=new BMap.Point(110.803154,19.559595);
mp.centerAndZoom(point, 15);
mp.enableScrollWheelZoom();
// 复杂的自定义覆盖物
function ComplexCustomOverlay(point, text, mouseoverText){
this._point = point;
this._text = text;
this._overText = mouseoverText;
}
ComplexCustomOverlay.prototype = new BMap.Overlay();
ComplexCustomOverlay.prototype.initialize = function(map){
this._map = map;
var div = this._div = document.createElement("div");
div.style.position = "absolute";
div.style.zIndex = BMap.Overlay.getZIndex(this._point.lat);
div.style.background = "url(blue.gif) repeat-x 0 -33px";
div.style.color = "white";
div.style.height = "21px";
div.style.padding = "2px";
div.style.lineHeight = "18px";
div.style.whiteSpace = "nowrap";
div.style.MozUserSelect = "none";
div.style.fontSize = "12px"
var span = this._span = document.createElement("span");
div.appendChild(span);
span.appendChild(document.createTextNode(this._text));
var that = this;

var arrow = this._arrow = document.createElement("div");
arrow.style.background = "url(blue.gif) no-repeat -8px -100px";
arrow.style.position = "absolute";
arrow.style.width = "30px";
arrow.style.height = "12px";
arrow.style.top = "19px";
arrow.style.left = "10px";
arrow.style.overflow = "hidden";
div.appendChild(arrow);

var leftBar = this._leftBar = document.createElement("div");
leftBar.style.background = "url(blue.gif) no-repeat -12px -2px";
leftBar.style.position = "absolute";
leftBar.style.width = "11px";
leftBar.style.height = "24px";
leftBar.style.top = "0px";
leftBar.style.left = "-10px";
leftBar.style.overflow = "hidden";
div.appendChild(leftBar);

var rightBar = this._rightBar = document.createElement("div");
rightBar.style.background = "url(blue.gif) no-repeat -22px -2px";
rightBar.style.position = "absolute";
rightBar.style.width = "11px";
rightBar.style.height = "24px";
rightBar.style.top = "0px";
rightBar.style.right = "-10px";
rightBar.style.overflow = "hidden";
div.appendChild(rightBar);

div.onmouseover = function(){
this.style.background = "url(blue2.gif) repeat-x 0 -33px";
this.getElementsByTagName("span")[0].innerHTML = that._overText;
arrow.style.background = "url(blue2.gif) no-repeat -8px -100px";
leftBar.style.background = "url(blue2.gif) no-repeat -12px -2px";
rightBar.style.background = "url(blue2.gif) no-repeat -22px -2px";
}

div.onmouseout = function(){
this.style.background = "url(blue.gif) repeat-x 0 -33px";
this.getElementsByTagName("span")[0].innerHTML = that._text;
arrow.style.background = "url(blue.gif) no-repeat -8px -100px";
leftBar.style.background = "url(blue.gif) no-repeat -12px -2px";
rightBar.style.background = "url(blue.gif) no-repeat -22px -2px";
}

mp.getPanes().labelPane.appendChild(div);

return div;
}

ComplexCustomOverlay.prototype.draw = function(){
var map = this._map;
var pixel = map.pointToOverlayPixel(this._point);
this._div.style.left = pixel.x - parseInt(this._arrow.style.left) + "px";
this._div.style.top = pixel.y - 30 + "px";
}

ComplexCustomOverlay.prototype.addEventListener = function(event,fun){//点击事件
this._div['on'+event] = fun;
}
//复杂物添加完后,我们该定义一下信息窗口了
function createInfoWindow(i){
var json = markerArr[i];
var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><p style=\"padding-top:8px;\"><hr></p><div class='iw_poi_content'>"+json.content+"</div>");
return iw;
}
//var sContent ="<div class='q_MapInfo'><h4>楼盘标题</h4><div class='q_infos'><div class='q_infoLeft'><p>起价:11000元/平米</p><p>地址:文昌市清澜高隆湾旅游大道经纬花园</p><a href='#' target='_blank'>查看楼盘详细&gt;&gt;</a></div><div class='q_infoRight'><img src='images/a.jpg' /></div></div><div class='q_infoBot'><p>楼盘销售电话(售楼处工作时间:24小时)</p><em>0898-6666666</em></div></div>"
// var infoWindow = new BMap.InfoWindow(sContent); // 创建信息窗口对象

//下面开始尝试数组
var markerArr = [{title:"绿岛",content:'<div style="float:left;width:120px;">起价:6800 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市清澜开发区文清大道北侧(椰子大观园对面)</span> <br><br><a href="/House-show?id=8">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201302/s_510cbb671095a.jpg" wdith="80px" height="75px"></div>',point:'110.804978|19.558234',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"中南.森海湾",content:'<div style="float:left;width:120px;">起价:7600 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:海南省文昌市高隆湾旅游大道</span> <br><br><a href="/House-show?id=12">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201301/s_51089eb396bdb.jpg" wdith="80px" height="75px"></div>',point:'110.829448|19.548253',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"天御湾",content:'<div style="float:left;width:120px;">起价:4200 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市文航路</span> <br><br><a href="/House-show?id=13">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201301/s_51089bb5d5a2e.jpg" wdith="80px" height="75px"></div>',point:'|',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"观澜雅苑",content:'<div style="float:left;width:120px;">起价:5000 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市清澜开发区文清大道</span> <br><br><a href="/House-show?id=23">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201301/s_51089f4bdf251.jpg" wdith="80px" height="75px"></div>',point:'110.805984|19.555305',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"海拓澜湾",content:'<div style="float:left;width:120px;">起价:10800 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市高隆湾旅游大道</span> <br><br><a href="/House-show?id=15">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201301/s_51089591df37b.jpg" wdith="80px" height="75px"></div>',point:'110.815398|19.528834',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"东方·龙湾",content:'<div style="float:left;width:120px;">起价:11000 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市文清大道与商贸大道交汇处(文昌市财政局北侧)</span> <br><br><a href="/House-show?id=16">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/" wdith="80px" height="75px"></div>',point:'110.816225|19.529311',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"龙禧湾偶寓",content:'<div style="float:left;width:120px;">起价:0 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市清澜开发区文府大道星蓝湾销售部(市政往南200米)</span> <br><br><a href="/House-show?id=18">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201301/s_5108892397125.jpg" wdith="80px" height="75px"></div>',point:'110.822585|19.542496',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"白金海岸",content:'<div style="float:left;width:120px;">起价:9600 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市清澜高隆湾旅游大道一环西白金海岸酒店2号楼一层大厅</span> <br><br><a href="/House-show?id=19">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201301/s_51088b505d8e0.jpg" wdith="80px" height="75px"></div>',point:'110.823627|19.542291',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"蓝湖海韵",content:'<div style="float:left;width:120px;">起价:7600 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:海南省文昌市清澜开发区惠民路段北侧(现市委市政府旁)</span> <br><br><a href="/House-show?id=20">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201301/s_5107afef650a3.jpg" wdith="80px" height="75px"></div>',point:'110.79904|19.552826',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"椰海明珠",content:'<div style="float:left;width:120px;">起价:6980 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌清澜开发区商贸大道南侧(检察院旁边)</span> <br><br><a href="/House-show?id=21">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201302/s_510e428b11dfc.jpg" wdith="80px" height="75px"></div>',point:'110.806343|19.555509',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"鑫源锦程",content:'<div style="float:left;width:120px;">起价:6300 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市文城镇文清大道289-1号(市人民法院附近)</span> <br><br><a href="/House-show?id=24">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201301/s_51089ff2db487.jpg" wdith="80px" height="75px"></div>',point:'110.793731|19.559222',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"左城右海",content:'<div style="float:left;width:120px;">起价:43000 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市文城镇文蔚路(市就业局对面)</span> <br><br><a href="/House-show?id=25">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201302/s_5111ee1759645.jpg" wdith="80px" height="75px"></div>',point:'110.763225|19.591205',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"天水星河",content:'<div style="float:left;width:120px;">起价:6200 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:海南省文昌市文航大道南侧</span> <br><br><a href="/House-show?id=26">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/" wdith="80px" height="75px"></div>',point:'110.753847|19.637107',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"月亮城",content:'<div style="float:left;width:120px;">起价:6600 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌文城镇文航路中段</span> <br><br><a href="/House-show?id=27">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201302/s_510e3eaf02758.jpg" wdith="80px" height="75px"></div>',point:'110.759129|19.636834',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"同仁.红椰湾",content:'<div style="float:left;width:120px;">起价:7000 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市文清大道旁</span> <br><br><a href="/House-show?id=28">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/" wdith="80px" height="75px"></div>',point:'|',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"天成.夏湾拿",content:'<div style="float:left;width:120px;">起价:7680 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市清澜开发区惠民路16号</span> <br><br><a href="/House-show?id=29">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201302/s_510e3e24d319e.jpg" wdith="80px" height="75px"></div>',point:'110.811949|19.551353',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"平海.逸龙湾",content:'<div style="float:left;width:120px;">起价:13000 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市清澜高龙湾旅游大道经纬花园</span> <br><br><a href="/House-show?id=30">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201302/s_510e3cbdb456d.jpg" wdith="80px" height="75px"></div>',point:'110.827076|19.54362',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"海拓澜湾",content:'<div style="float:left;width:120px;">起价:10800 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市高隆湾旅游大道</span> <br><br><a href="/House-show?id=31">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201302/s_510e3aa4c8b88.jpg" wdith="80px" height="75px"></div>',point:'|',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"宏图.高隆湾壹号",content:'<div style="float:left;width:120px;">起价:17346 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:海南省文昌市高隆湾高隆路A号</span> <br><br><a href="/House-show?id=32">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201302/s_510e39b023579.jpg" wdith="80px" height="75px"></div>',point:'110.839168|19.548747',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"同创.美兰海岸",content:'<div style="float:left;width:120px;">起价:8000 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市清澜开发区高隆湾白金路</span> <br><br><a href="/House-show?id=33">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201302/s_510e36e9de867.jpg" wdith="80px" height="75px"></div>',point:'110.812398|19.550161',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"阳光东海岸",content:'<div style="float:left;width:120px;">起价:5200 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市清澜开发区商贸大道(南方电网对面)</span> <br><br><a href="/House-show?id=34">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201302/s_510e32146ea45.jpg" wdith="80px" height="75px"></div>',point:'110.810997|19.557459',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"金椰园",content:'<div style="float:left;width:120px;">起价:5500 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌文昌清澜开发区文府路(市政府旁)</span> <br><br><a href="/House-show?id=35">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201302/s_510e30c19ec19.jpg" wdith="80px" height="75px"></div>',point:'110.804709|19.548253',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"波溪利亚湾",content:'<div style="float:left;width:120px;">起价:11700 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市清澜区文府路299号(毗邻市政府行政中心)</span> <br><br><a href="/House-show?id=36">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201302/s_510e2f4214df8.jpg" wdith="80px" height="75px"></div>',point:'110.817231|19.536704',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"海的理想",content:'<div style="float:left;width:120px;">起价:12000 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市文府路</span> <br><br><a href="/House-show?id=37">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/" wdith="80px" height="75px"></div>',point:'110.814554|19.519371',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"八一.益园",content:'<div style="float:left;width:120px;">起价:5600 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市清澜开发区白金路</span> <br><br><a href="/House-show?id=38">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/" wdith="80px" height="75px"></div>',point:'110.821812|19.546771',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"壹品国际",content:'<div style="float:left;width:120px;">起价:8200 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市文城镇清澜开发区疏港大道</span> <br><br><a href="/House-show?id=39">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201304/s_516cbdaee39df.jpg" wdith="80px" height="75px"></div>',point:'110.82819|19.550774',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"叠翠苑",content:'<div style="float:left;width:120px;">起价:6980 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市清澜区文清大道(椰子大观园正对面)</span> <br><br><a href="/House-show?id=40">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201311/s_527b873ceef84.jpg" wdith="80px" height="75px"></div>',point:'110.803505|19.557144',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"金山国际",content:'<div style="float:left;width:120px;">起价:6090 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市文府路</span> <br><br><a href="/House-show?id=41">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201304/s_5167bd8f5b942.jpg" wdith="80px" height="75px"></div>',point:'110.80584|19.55332',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"森海湾",content:'<div style="float:left;width:120px;">起价:7600 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:海南省文昌市高隆湾旅游大道西侧</span> <br><br><a href="/House-show?id=47">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201304/s_515a8931416d6.jpg" wdith="80px" height="75px"></div>',point:'110.83164|19.548287',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"白金海岸",content:'<div style="float:left;width:120px;">起价:9000 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:海南省文昌市清澜开发区高隆湾旅游大道一环西</span> <br><br><a href="/House-show?id=48">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201304/s_515eef07be8ff.jpg" wdith="80px" height="75px"></div>',point:'110.820752|19.53851',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"宏图高龙湾1号",content:'<div style="float:left;width:120px;">起价:17346 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:海南省文昌市高隆湾高隆路A号 </span> <br><br><a href="/House-show?id=49">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201304/s_515ff7ea67ab7.jpg" wdith="80px" height="75px"></div>',point:'110.831352|19.548219',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"东方龙湾",content:'<div style="float:left;width:120px;">起价:11000 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市文清大道与商贸大道交汇处(文昌市财政局北)</span> <br><br><a href="/House-show?id=50">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201304/s_515fd4ba30fe1.jpg" wdith="80px" height="75px"></div>',point:'110.818453|19.535614',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"乐清湾",content:'<div style="float:left;width:120px;">起价:10000 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:海南省文昌市高隆湾旅游开发区旅游大道乐清湾营销中心</span> <br><br><a href="/House-show?id=51">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201304/s_5163b9689e964.jpg" wdith="80px" height="75px"></div>',point:'110.834047|19.555611',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},{title:"海拓澜湾",content:'<div style="float:left;width:120px;">起价:10800 元/平米<br><br><span style="line-height:20px;display:inlin-block;">地址:文昌市高隆湾旅游大道</span> <br><br><a href="/House-show?id=52">查看楼盘详细>></a></div><div style="float:right;width:80px;"><img src="/Uploads/House/201304/s_5163d26739992.jpg" wdith="80px" height="75px"></div>',point:'110.832772|19.546243',isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}]

for (var i = 0; i < markerArr.length; i++) {
var json=markerArr[i]
var txt = markerArr[i].title;
var pintx = markerArr[i].point.split('|')[0];
var pinty = markerArr[i].point.split('|')[1];
mp.addOverlay(new ComplexCustomOverlay(new BMap.Point(pintx, pinty), txt, txt));

(function(){
var index = i;
var _iw = createInfoWindow(i);
//alert(mycom)
//var _marker =mycom;
//_marker.addEventListener("click",function(){
// mp.openInfoWindow(_iw);
// });
})()
}



myCompOverlay.addEventListener("click", function(){
mp.openInfoWindow(infoWindow,point);
});
</script>

用到的图片:

 

酸番茄的主页 酸番茄 | 初学一级 | 园豆:87
提问于:2013-04-16 16:37
< >
分享
最佳答案
0

直接用开源的富marker。然后循环遍历,直接把信息窗口当做MAP实例的事件,在当前(i)的坐标弹出。。

酸番茄 | 初学一级 |园豆:87 | 2013-04-17 19:08

开源的富marker怎么用的啊。请教

奋斗365 | 园豆:201 (菜鸟二级) | 2013-07-04 09:07

富marker看起来不太难,属于插件,应该容易调用,具体没用 - -!本来想用的,但最后没用上。

酸番茄 | 园豆:87 (初学一级) | 2013-07-04 20:15

myCompOverlay.addEventListener("click", function(){
mp.openInfoWindow(infoWindow,point);
});

自定义的覆盖物监听事件在火狐下貌似不执行,点击窗口也弹不出来了。郁闷。你那遇到这个问题了吗。

奋斗365 | 园豆:201 (菜鸟二级) | 2013-07-05 09:37

@奋斗365: 记得给覆盖物增加点击方法:

  1. ComplexCustomOverlay.prototype.addEventListener =function(event,fun){
  2. this._div['on'+event]= fun;
  3. }
酸番茄 | 园豆:87 (初学一级) | 2013-07-05 12:59
其他回答(2)
0

开源的富marker怎么用的啊。请教

奋斗365 | 园豆:201 (菜鸟二级) | 2013-07-04 09:06
0

你好,我也在作房地产的百度地图应用,请问你有QQ吗?我有一些问题想向您请教一下,感谢,这是我的QQ号:2355476737

donghao791031 | 园豆:202 (菜鸟二级) | 2014-01-20 13:40

你好,我也在做房地产的百度地图应用,有些问题请教一下,非常感谢,这是我的qq:2990312525

支持(0) 反对(0) 夏日水晶 | 园豆:73 (初学一级) | 2016-03-03 17:10
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册