百度地圖API-javascript-web地圖的應用

html部分的代碼

　　<div class="maxwidth">
        <div class="address clearfix">
            <div class="map-box fl">
                <div id="allmap"></div>
            </div>
            <div class="maptitle fr">
                <span>建和塑膠材料有限公司</span>
                <p>聯繫人：胡先生</p>
                <p>電子郵箱：[email protected]</p>
                <p>聯繫地址：東莞市南城區高盛科技大廈5樓</p>
                <div class="qqinline">
                    <a href="#">QQ線上咨詢</a>
                </div>
            </div>
            <div class="mapimg fr">
                <img src="../static/conaaa.png" />
            </div>
        </div>
        <div class="hot">
            <img src="../static/hot.jpg" />
        </div>
    </div>

css部分代碼

.maxwidth{width:1200px;margin:0px auto;}


/*map*/

.map-box{background-color:#fff;width:750px;height:538px;border:1px solid #eee;}
#allmap{width:730px;height:518px;margin:10px;}
span.BMap_Marker label.BMapLabel{border:1px solid #000;border-radius: 3px;}
/*map end*/

js部分代碼

        <script src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?ak=nbAwc69Hb3sgKdGHko1HWhSP&amp;v=2.0"></script>
    <script type="text/javascript">
    // 百度地圖API功能
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(113.732756,22.992607);
    map.centerAndZoom(point, 19);
    var marker = new BMap.Marker(point);  // 創建標註
    map.addOverlay(marker);              // 將標註添加到地圖中

    var label = new BMap.Label("建和塑膠材料有限公司",{offset:new BMap.Size(20,-10)});
    label.setStyle({
            borderColor : "black"
             
         });
    //marker.addEventListener("click", function(){    //點擊彈出可去掉註釋      
        marker.setLabel(label); //開啟信息視窗
    //});  //點擊彈出可去掉註釋         
    </script>    

效果圖如下：

　　寫地圖巨有用的地址mark：

        百度地圖生成器

　　　http://api.map.baidu.com/lbsapi/creatmap/index.html

        百度地圖拾取坐標系統
        http://api.map.baidu.com/lbsapi/getpoint/index.html

        百度地圖JavaScript API
        http://lbsyun.baidu.com/index.php?title=jspopular