百度地圖API:在RichMarker上使用InfoBox

使用之前先簡單看下兩個開源類的類參考
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