SearchInfoWindow_百度地图api吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：5,322贴子：
我使用的百度地图1.4，
&script type="text/javascript" src=""&&/script&
&script type="text/javascript" src=""&&/script&
&link rel="stylesheet" href="" /&
&script type="text/javascript" src=""&&/script&
&link rel="stylesheet" href=""/&
这是包含的文件，但是在运行的过程中，发现SearchI你佛Window的js和css文件没有加载，（通过BMapLib对象可以看到。同时浏览器的网络监控中也发现文件没有下载），DrawingManager是好的，可以用，请问这是什么问题?
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或9633人阅读
web技术（32）
今天遇到这个问题了。后面再网上搜搜，发现都是你抄我，我转载你的，后来无意看到一篇文章，说是用闭包后来解决了。现在把问题解决方法发出来
function baiduMapFunction(divId, hotelArray) {
var map = new BMap.Map(divId);// 创建百度地图对象
map.centerAndZoom(new BMap.Point(116.404, 39.915), 12);
map.enableScrollWheelZoom(); // 启用滚轮放大缩小，默认禁用
map.enableContinuousZoom(); // 启用地图惯性拖拽，默认禁用
map.addControl(new BMap.NavigationControl()); // 添加默认缩放平移控件,左上角
map.addControl(new BMap.ScaleControl()); // 添加默认比例尺控件
map.addControl(new BMap.MapTypeControl({
anchor : BMAP_ANCHOR_TOP_RIGHT
})); // 左上角，默认地图控件
for ( var o in hotelArray) {
var point = new BMap.Point(hotelArray[o].lng, hotelArray[o].lat);// 坐标点
var hotelNameLabel = new BMap.Label(hotelArray[o].hotelName, {
offset : new BMap.Size(20, -10)
});// 标注显示名称
var sContent = &&div&&
+ &&h4 style='margin:0 0 5px 0;padding:0.2em 0'&&
+ hotelArray[o].hotelName
+ &&img style='float:margin:4px' id='imgDemo' src='../images/&
+ hotelArray[o].srcImage
+ &' width='139' height='104' title=''/&&
+ &&p style='margin:0;line-height:1.5;font-size:13text-indent:2em'&&
+ hotelArray[o].hotelAddress + &&/p&& + &&/div&&;
// 设置label 文本框的样式
hotelNameLabel.setStyle({
&borderColor& : &red&,
&color& : &red&,
&cursor& : &pointer&
console.log(hotelArray[o].srcImage + sContent);
createMark = function(lng, lat, info_html) {
var _marker = new BMap.Marker(new BMap.Point(lng, lat));
_marker.addEventListener(&click&, function(e) {
this.openInfoWindow(Window(info_html));
_marker.addEventListener(&mouseover&, function(e) {
this.setTitle(&位于: & + lng + &,& + lat);
var marker = createMark(hotelArray[o].lng, hotelArray[o].lat, sContent);
map.addOverlay(marker);
marker.setLabel(hotelNameLabel); // 添加百度label
city = new BMap.LocalSearch(map, {
renderOptions : {
map : map,
autoViewport : true
}); // 地图显示到查询结果处
function searchCity() {
var s = $(&#searchValue&).val();
console.log(s);
city.search(s); // 查找城市
上面这个函数，就接受一个json数组对象，和一个在你页面的divId。因为要显示地图
先把地图初始化之后，在循环里面一次从json中读取数据，然后new 出标注对象。再为每个标注对象添加监听方法
在添加监听方法的时候，会遇到，不管点击哪一个标注，都是输出最后一条的信息。
这主要是作用域的问题，之后写了个闭包的方法。
createMark = function(lng, lat, info_html) {
var _marker = new BMap.Marker(new BMap.Point(lng, lat));
_marker.addEventListener(&click&, function(e) {
this.openInfoWindow(Window(info_html));
_marker.addEventListener(&mouseover&, function(e) {
this.setTitle(&位于: & + lng + &,& + lat);
将经纬度，和显示信息单独放在函数里，new标注之后，立刻加监听。
这样之后就解决了这个问题了
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：193741次
积分：2945
积分：2945
排名：第8714名
原创：99篇
转载：23篇
评论：25条
(22)(2)(11)(1)(5)(1)(7)(5)(15)(22)(9)(1)(7)(5)(1)(1)(2)(5)关于信息框（infowindow）的样式问题_百度地图api吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：5,322贴子：
我看别人的网站信息窗口时可以改样式的，这里的样式单指边框和关闭按钮，而在api上没看到类似的借口，求指教，怎么修改样式，这是别人的样式，边框是椭圆，按钮也有样式自带的，直角框，关闭按钮
0基础电脑培训——变身高富帅!
你确定那个是信息窗口？用div自己设计呗！
你的意思是？别人用的不是infowindow这个控件？而是自己设计的？
自己设计的更方便，那个infowindow很不好用的，而且显示出来后面有阴影效果！
麻烦了你了后来我去很对比了几个应用，发现他们都是第一种样式，也有阴影，所以我猜还是有这种api的，只是没找到现在的想法是不想自己单独做这个做，哪样太麻烦了，，
LZ，这个信息框就是1.2版本自带的信息框，不知道楼主用的是那个版本
谢谢了，，受教了，
谢谢了，，我用的是1.3的，，改成默认直角了，，还是找到的改的方法，用lib中的infobox，，
楼主，可否想你请教一下你的方法
我想请问一下 怎么修改infowindow的大小的，默认高最小是60，宽最小是220，我想设置的更小，改了源代码，感觉也没用啊是改下面这边的代码吧？求大神指教
楼主怎么改的，我用的也是1.3，lib中的infbox我没太明白，看到请回复
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或　　百度地图API申请key的步骤相对简单，不做过多阐述。
　　初次使用百度地图API感觉有点神奇，有些功能加进来以后有点问题，注释掉等有空再解决。
　　代码如下：
1 &%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&
2 &!DOCTYPE html&
5 &meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
6 &meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&
8 &style type="text/css"&
9 body,html {
width: 100%;
height: 100%;
margin: 0;
font-family: "微软雅黑";
16 #allmap {
width: 100%;
height: 100%;
margin-left: 5px;
font-size: 14px;
26 #result {
width: 100%;
font-size: 12px;
31 dl,dt,dd,ul,li {
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
font-family: "微软雅黑";
font-weight: bold;
border-bottom: 1px dotted #000;
padding: 5px 0 5px 5px;
margin: 5px 0;
padding: 5px 0 0 5px;
line-height: 28px;
54 #l-map {
height: 300px;
width: 100%;
59 #r-result {
width: 100%;
62 &/style&
64 &script type="text/javascript"
src="http://api./api?v=2.0&ak=你的API密匙"&&/script&
//密匙申请步骤比较容易，所以不做过多解释~加密后：aUQyZ3d0R2ZvMXA5OGxQZW5pZFV5eDho
66 &script type="text/javascript"
src="http://api./library/TrafficControl/1.4/src/TrafficControl_min.js"&&/script&
68 &link href="http://api./library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css" /&
69 &script type="text/javascript"
src="http://api./library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"&&/script&
71 &link rel="stylesheet" href="http://api./library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" /&
73 &title&宝宝的地图&/title&
74 &/head&
&div id="allmap"&&/div&
&div id="l-map"&&/div&
&div id="r-result"&请输入:&input type="text" id="suggestId" size="20" value="百度" style="width:150" /&&/div&
&div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150height: display:"&&/div&
80 &/body&
81 &/html&
83 &!-- 异步加载 --&
84 &script type="text/javascript"&
//百度地图API功能
function loadJScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://api./api?v=2.0&ak=iD2gwtGfo1p98lPenidUyx8h&callback=init";
document.body.appendChild(script);
window.onload = loadJS
//异步加载地图
alert("异步成功开启");
94 &/script&
96 &!-- 导航控件--&
97 &script type="text/javascript"&
// 百度地图API功能
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(113.275, 23.117), 11);
map.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用
map.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用
// 添加带有定位的导航控件
var navigationControl = new BMap.NavigationControl({
// 靠左上角位置
anchor : BMAP_ANCHOR_TOP_LEFT,
// LARGE类型
type : BMAP_NAVIGATION_CONTROL_LARGE,
// 启用显示定位
enableGeolocation : true
map.addControl(navigationControl);
// 添加定位控件
var geolocationControl = new BMap.GeolocationControl();
geolocationControl.addEventListener("locationSuccess", function(e) {
// 定位成功事件
var address = '';
address += e.addressComponent.
address += e.addressComponent.
address += e.addressComponent.
address += e.addressComponent.
address += e.addressComponent.streetN
//alert("当前定位地址为：" + address);
geolocationControl.addEventListener("locationError", function(e) {
// 定位失败事件
alert(e.message);
map.addControl(geolocationControl);
alert("导航控件开启");
133 &/script&
135 &!-- 城市选择栏--&
136 &script type="text/javascript"&
map.enableInertialDragging();
var size = new BMap.Size(10, 20);
map.addControl(new BMap.CityListControl({
anchor : BMAP_ANCHOR_TOP_RIGHT,
offset : size,
var city = document.getElementById("cityName").
if(city != ""){
map.centerAndZoom(city,11);
// 用城市名设置地图中心点
alert("城市选择栏控件开启");
150 &/script&
152 &!-- 路况面板--&
153 &script type="text/javascript"&
// 百度地图API功能
var ctrl = new BMapLib.TrafficControl({
showPanel: false //是否显示路况提示面板
map.addControl(ctrl);
ctrl.setAnchor(BMAP_ANCHOR_BOTTOM_RIGHT);
alert("路况控件开启");
161 &/script&
163 &!-- 点击获取坐标 --&
164 &script type="text/javascript"&
/*map.addEventListener("click",function(e){
alert(e.point.lng + "," + e.point.lat);
168 &/script&
170 &!-- 检索控件--&
171 &script type="text/javascript"&
//检索地图
map.centerAndZoom(poi, 16);
map.enableScrollWheelZoom();
var content = " "+" "+" "+" ";
//创建检索信息窗口对象
var searchInfoWindow = null;
marker.enableDragging(); //marker可拖拽
map.addOverlay(marker); //在地图中添加marker
//marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
alert("检索控件开启");
185 &/script&
187 &!-- 右键菜单控件--&
188 &script type="text/javascript"&
var map = new BMap.Map("allmap");
var point = new BMap.Point(113.275, 23.117);
map.centerAndZoom(point,15);
var menu = new BMap.ContextMenu();
var txtMenuItem = [
text:'放大',
callback:function(){map.zoomIn();}
text:'缩小',
callback:function(){map.zoomOut();}
for(var i=0; i & txtMenuItem. i++){
menu.addItem(new BMap.MenuItem(txtMenuItem[i].text,txtMenuItem[i].callback,100));
map.addContextMenu(menu);
209 &/script&
211 &!-- 右键菜单删除标注控件--&
212 &script type="text/javascript"&
var removeMarker = function(e,ee,marker)
map.removeOverlay(marker);
//创建右键菜单
var markerMenu=new BMap.ContextMenu();
markerMenu.addItem(new BMap.MenuItem('删除',removeMarker.bind(marker)));
var marker = new BMap.Marker(poi);
map.addOverlay(marker);
marker.addContextMenu(markerMenu);
226 &/script&
228 &!-- 智能搜索控件--&
229 &script type="text/javascript"&
/*// 百度地图API功能
function G(id) {
return document.getElementById(id);
//var map = new BMap.Map("allmap");
//map.centerAndZoom(new BMap.Point(113.275, 23.117),11);
// 初始化地图,设置城市和地图级别。
var ac = new BMap.Autocomplete(
//建立一个自动完成的对象
{"input" : "suggestId"
,"location" : map
ac.addEventListener("onhighlight", function(e) {
//鼠标放在下拉列表上的事件
var str = "";
var _value = e.fromitem.
var value = "";
if (e.fromitem.index & -1) {
value = _value.province +
_value.city +
_value.district +
_value.street +
str = "FromItem&br /&index = " + e.fromitem.index + "&br /&value = " +
value = "";
if (e.toitem.index & -1) {
_value = e.toitem.
value = _value.province +
_value.city +
_value.district +
_value.street +
str += "&br /&ToItem&br /&index = " + e.toitem.index + "&br /&value = " +
G("searchResultPanel").innerHTML =
ac.addEventListener("onconfirm", function(e) {
//鼠标点击下拉列表后的事件
var _value = e.item.
myValue = _value.province +
_value.city +
_value.district +
_value.street +
G("searchResultPanel").innerHTML ="onconfirm&br /&index = " + e.item.index + "&br /&myValue = " + myV
setPlace();
function setPlace(){
map.clearOverlays();
//清除地图上所有覆盖物
function myFun(){
var pp = local.getResults().getPoi(0).
//获取第一个智能搜索的结果
map.centerAndZoom(pp, 18);
map.addOverlay(new BMap.Marker(pp));
//添加标注
var local = new BMap.LocalSearch(map, { //智能搜索
onSearchComplete: myFun
local.search(myValue);
282 &/script&
阅读(...) 评论()关于百度地图InfoWindow的问题_百度地图api吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：5,322贴子：
有这样一个问题,我的标注点是从数据库里面读出来的,利用ajax加载到地图上,所以是使用循环加载的,我想要当用户点击标注的时候 会显示详细信息,我是使用 infoWindow显示的,但是问题来了,因为是循环,所以点击后,显示的总是最后一个的信息,请问各位大神有什么好办法呢,下面吧代码贴上来:var opts = {
width: 250,
// 信息窗口宽度
height: 100,
// 信息窗口高度
title: "Hello"
// 信息窗口标题
}//循环数据信息for (var i = 0; i & arr. i++) {
//标注的经度
var jd = parseFloat(arr[i].split(",")[0]).toFixed(6);
//标注的纬度
var wd = parseFloat(arr[i].split(",")[1]).toFixed(6);
//显示的内容
var name = arr[i].split(",")[2];
var point = new BMap.Point(jd, wd);
map.centerAndZoom(point, 15);
var marker = new BMap.Marker(point);
// 创建标注
//name是显示的内容,是从数据库读出来的.因为做测试 opts 使用的是一个
var infoWindow1 = Window(name, opts);
marker.addEventListener("click", function () {
this.openInfoWindow(infoWindow1);
map.addOverlay(marker);}上面的是我的代码,测试了,标注都显示出来了,但是提示信息都是循环的最后一个,有懂得帮忙看看,谢谢各位了
0基础电脑培训——变身高富帅!
怎么没人啊
//创建marker
function addMarker()
//每次添加标注前清空所有标注
map.clearOverlays();
for (var i = 0; i & markerArr. i++)
var json = markerArr[i];
var p0 = json.point.split(&|&)[0];
var p1 = json.point.split(&|&)[1];
var point = new BMap.Point(p0, p1);
var iconImg =new BMap.Icon(&&%=Cqjob.Configuration.Config.ImgDomain %&/Images/map/big/large_blue_&+json.icon+&.gif&, new BMap.Size(25,33),
imageOffset: new BMap.Size(-0,-0),
infoWindowOffset: new BMap.Size(12, 1),
anchor: new BMap.Size(13,33)
var marker = new BMap.Marker(point, { icon: iconImg });
map.addOverlay(marker);
(function(){
var index=json.
var _iw = createInfoWindow(i);
var _marker =
_marker.addEventListener(&click&,function(){
this.openInfoWindow(_iw);
_marker.setIcon( new BMap.Icon(&&%=Cqjob.Configuration.Config.ImgDomain %&/Images/map/big/large_red_&+index+&.gif&, new BMap.Size(25,33),
imageOffset: new BMap.Size(-0,-0),
infoWindowAnchor: new BMap.Size(12, 1),
anchor: new BMap.Size(13,33)
_marker.setTop(true);
_marker.setZIndex(9999);
$('.map_icon'+index).find(&img&).attr(&src&,&&%=Cqjob.Configuration.Config.ImgDomain %&/Images/map/smail/large_red_&+index+&.gif&);
_marker.addEventListener(&mouseover&,function(){
_marker.setTop(true);
_marker.addEventListener(&mouseout&,function(){
_marker.setTop(false);
_iw.addEventListener(&close&,function(){
_marker.setIcon( new BMap.Icon(&&%=Cqjob.Configuration.Config.ImgDomain %&/Images/map/big/large_blue_&+index+&.gif&, new BMap.Size(25,33),
imageOffset: new BMap.Size(-0,-0),
infoWindowAnchor: new BMap.Size(12, 1),
anchor: new BMap.Size(13,33)
_marker.setTop(false);
_marker.setZIndex(999);
$('.map_icon'+index).find(&img&).attr(&src&,&&%=Cqjob.Configuration.Config.ImgDomain %&/Images/map/smail/large_blue_&+index+&.gif&);
$('.map_icon'+index).find(&img&).click(function(){
_marker.closeInfoWindow();
$(this).attr(&src&,&&%=Cqjob.Configuration.Config.ImgDomain %&/Images/map/smail/large_red_&+index+&.gif&);
_marker.openInfoWindow(_iw);
_marker.setIcon( new BMap.Icon(&&%=Cqjob.Configuration.Config.ImgDomain %&/Images/map/big/large_red_&+index+&.gif&, new BMap.Size(25,33),
imageOffset: new BMap.Size(-0,-0),
infoWindowAnchor: new BMap.Size(12, 1),
anchor: new BMap.Size(13,33)
_marker.setTop(true);
_marker.setZIndex(9999);
//中心地标
var centerPoint=new BMap.Point($('#hidMapY').val(), $('#hidMapX').val());
//获取搜索范围
var bound=parseInt($('#selSearchBound').val());
if(bound==0||bound==1){
map.centerAndZoom(centerPoint,15);
}else if(bound==3){
map.centerAndZoom(centerPoint,14);
}else if(bound==5){
map.centerAndZoom(centerPoint,13);
//添加中心地标
addCenterMarker(centerPoint);
var circle = new BMap.Circle(centerPoint,bound*1000);
//设置圆形边线和填充物颜色以及透明度
circle.setStrokeColor(&#778ec2&);
circle.setStrokeWeight(1);
circle.setFillColor(&#d1d8e8&);
circle.setStrokeStyle(&solid&);
circle.setStrokeOpacity(0.8);
circle.setFillOpacity(0.4);
map.addOverlay(circle);
//创建InfoWindow
function createInfoWindow(i)
$.ajaxSettings.async =
var json = markerArr[i];
var opts = {
width : 420,
// 信息窗口宽度
height: 180
// 信息窗口高度
//构建信息窗口
var infoWindowContainer=$('&div&&/div&');
var infoWindowContent=$('&div style=&height:150px&&&/div&').addClass(&map_d&);;
var companyInfo=$('&div&&/div&').addClass(&map_d_txt&);
//构建公司名和地址
var companyName=$('&p&&/p&').ame.replace(&class='blue'&,&&));
var companyAddress=$('&p&&/p&').append(&地址：&+json.caddress);
//添加公司名和地址
companyInfo.append(companyName);
companyInfo.append(companyAddress);
infoWindowContent.append(companyInfo);
//构建职位表头等
var stationDiv=$('&div&&/div&').addClass(&map_d_table&);
var stationTable=$('&table cellpadding=&0& cellspacing=&0& border=&0& width=&390&&&/table&');
//添加职位表头
stationTable.append('&thead&&tr&&td width=&10& class=&nobor&&&/td&&td width=&80&&职位名称&/td&&td width=&80& align=&center&&学历&/td&&td width=&70& align=&center&&工作经验&/td&&td width=&80& align=&center&&发布时间&/td&&td width=&60& align=&center& class=&nobor&&操作&/td&&td width=&10& class=&nobor&&&/td&&/tr&&/thead&');
$.getJSON('/MapSearchResult.aspx',{operate:'GetJobList',cid:json.cid,jid:json.id},function(data){
if(data.error){
$.anchorMsg(data.error, { icon: 'warning' });
var jobs=data.
if(jobs.length&0)
var stationTbody=$(&&tbody&&/tbody&&);
for(var i=0;i&jobs.i++)
stationTbody.append('&tr&&td width=&10& class=&nobor&&&/td&&td width=&80&&'+jobs[i].station+'&/td&&td width=&80& align=&center&&'+jobs[i].degree+'&/td&&td width=&70& align=&center&&'+jobs[i].workYear+'&/td&&td width=&80& align=&center&&'+jobs[i].issueTime+'&/td&&td width=&60& align=&center& class=&nobor&&'+jobs[i].handle+'&/td&&td width=&10& class=&nobor&&&/td&&/tr&');
stationTable.append(stationTbody);
//追加职位列表信息
stationDiv.append(stationTable);
infoWindowContent.append(stationDiv);
infoWindowContainer.append(infoWindowContent);
//创建infowindow对象
var iw=Window(infoWindowContainer.html(),opts);
}希望对你有帮助，没有整理，有点乱，写的不好勿喷，这个功能在几天后会在上出现（地图找工作）
我知道呀,所以循环里面已经创建了对象了啊,但是怎么加载进去呢
谢谢各位大神了,其实没那么难,我没发现Marker类有个zIndex的属性,我只要每次定义一个Marker就吧zIndex设置为循环的i就行了,这样我的事件就可以click改成 marker.addEventListener("click", function (index) {
//alert(this.zIndex + "sss");
var infoWindow = Window(arr[this.zIndex].split(",")[2], opts);
this.openInfoWindow(infoWindow);});了
遇到这类用到循环的地方最好是用js闭包。。。这样就能避免出现这类问题了。
js闭包 是王道我开始也郁闷了很久这个问题
我还是不懂，我的好像不行啊 for (var i = 0; i & xy.length - 1; i++) {
var xys = xy[i].split(":");
var Contents = sContents.split("@");
var point = new BMap.Point(parseFloat(xys[0]), parseFloat(xys[1]));
var infoWindow = Window(Contents[i]);
var marker = new BMap.Marker(point);
//textinfo = textinfo + xys[2].toString() + ":" + xys[3].toString() + ":" + xys[4].toString() + ";";
marker.addEventListener("click", function (i) {
marker.zIndex =
this.openInfoWindow(infoWindow);
// 图片加载完毕重绘infowindow
document.getElementById('imgDemo').onload = function () {
infoWindow.redraw();
mp.addOverlay(marker);
都是一样的问题，使用js双闭包解决。 for(var m=0;m&markers.++m) {
(function(x){markers[x].addEventListener("click",
function(){this.openInfoWindow(infoWindows[x]);});})(m); }
问一下大家，百度api 极速版能不能写测距和模拟运动的东西啊，谢谢啦
for (var i = 0; i & objson. i++) {
var point = new BMap.Point(objson[i].lat, objson[i].lng);
addMarker(point);
//将点放到地图中
var marker = new BMap.Marker(point); //创建标注
map.addOverlay(marker);
// 将标注添加到地图中
map.centerAndZoom(point, 14);
//设置地图中心点，14是级别, 越大越详细。
var html='&input type=\'button\' id=\'btnBegArea\' value=\'选为起点\'&';//你自己的html
var infoWindow = Window(html); //创建窗口信息
Window=infoW//给当前标注新增一个属性以便保存窗口信息infoWindow
marker.prioid = objson[i].//其他任何数据.
marker.addEventListener(&click&, function (e) {//添加标注的点击事件回调
this.openInfoWindow(Window); //点击标注时，打开该标注对应的回调信息
$('#btnBegArea').bind(&click&, e.target.prioid, function (event) {
var prioid = event.//报价OID
alert(prioid);
}循环里面这样写，我的能实现，我前面还有一段ajax请求后台，我就不贴了，呵呵。
用闭包就好了。。。
infowindow可以加滚动条吗亲，字太多显示不全啊，谢谢
&script type=&text/javascript&&// 百度地图API功能var map = new BMap.Map(&allmap&);var point = new BMap.Point(116..645149);// 中心点map.centerAndZoom(point, 15);//地图级别map.enableScrollWheelZoom();&% List&Dict_Item& devlist =(List&Dict_Item&)request.getAttribute(&devList&) ;// 地图点集合，后台查出来的 for(int i=0;i&devlist.size();i++){// 循环标注 String devID = devlist.get(i).getID(); String zuobiao = devlist.get(i).getNAME(); String flowAmount = zuobiao.split(&:&)[0]; String devName = zuobiao.split(&:&)[1]; String longitude = zuobiao.split(&:&)[2]; String latitude = zuobiao.split(&:&)[3]; %& var pt = new BMap.Point(&%=longitude%&, &%=latitude%&); var marker = new BMap.Marker(pt); map.addOverlay(marker); marker.addEventListener(&onmouseover&, function(){
var opts = { width : 200,
// 信息窗口宽度 height: 100,
// 信息窗口高度 title : && , // 信息窗口标题 enableMessage:false,//设置允许信息窗发送短息 message:&&}var infoWindow = Window(&位置：
&+&&%=devName%&&+&&br&&br&车流量:
&+&&%=flowAmount%&&+& 辆/h&, opts);
// 创建信息窗口对象map.openInfoWindow(infoWindow,new BMap.Point(&%=longitude%&, &%=latitude%&)); //开启信息窗口 });
&% }%&/* //创建小狐狸var pt = new BMap.Point(117.1168);var myIcon = new BMap.Icon(&static/images/reader.png&, new BMap.Size(210,190));var marker2 = new BMap.Marker(pt,{icon:myIcon});
// 创建标注map.addOverlay(marker2);
// 将标注添加到地图中 */window.setTimeout( &jumpUrl()&, 60*1000 );function jumpUrl() {$(&#Form&).submit();}&/script&
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或