使用之前先简单看下两个开源类的类参考
InfoBox:
http://api.map.baidu.com/library/InfoBox/1.2/docs/symbols/BMapLib.InfoBox.html
RichMarker:
http://api.map.baidu.com/library/RichMarker/1.2/docs/symbols/BMapLib.RichMarker.html
//新建infobox容器
var infoBox = new BMapLib.InfoBox(
map,
"百度地图api",
{
boxStyle:{background:"#fff",width: "200px",height:"100px"},
offset:new BMap.Size(0, 100),//此处貌似只能调整y的偏移
closeIconMargin: "10px 2px 0 0",
closeIconUrl:"img/parking.png",
enableAutoPan: true
}
);
//新建富标注
var html2 = '<div>test</div>';
var myRichMarker2 = new BMapLib.RichMarker(
html2,
new BMap.Point(116.402922, 39.90908),
{
"anchor" : new BMap.Size(-18, -27),
"enableDragging" : true
}
);
map.addOverlay(myRichMarker2);
myRichMarker2.addEventListener("onclick", function(e) {
infoBox.open(myRichMarker2.getPosition());
//基于富标注的座标位置添加infobox
});
☺ OVER