�?


<DIV id=dituContent style="WIDTH: 100%; HEIGHT: 450px"></DIV>

<SCRIPT src="http://api.map.baidu.com/api?key=&amp;v=1.1&amp;services=true" type=text/javascript></SCRIPT>



<SCRIPT type=text/javascript> 

    //创徏和初始化地图函数�Q?

    function initMap(){ 

        createMap();//创徏地图 

        setMapEvent();//讄���地图事�g 

        addMapControl();//向地图添加控�?

        addMarker();//向地图中��d��marker 

    } 

     

    //创徏地图函数�Q?

    function createMap(){ 

        var map = new BMap.Map("dituContent");//在百度地囑֮�器中创徏一个地�?

        var point = new BMap.Point(120.338188,36.271832);//定义一个中心点坐标 

        map.centerAndZoom(point,15);//讑֮�地图的中心点和坐标�ƈ���地图显�C�在地图容器�?

        window.map = map;//���map变量存储在全局 

    } 

     

    //地图事�g讄���函数�Q?

    function setMapEvent(){ 

        map.enableDragging();//启用地图拖拽事�g�Q�默认启�?可不�? 

        map.enableScrollWheelZoom();//启用地图滚轮攑֤��~�小 

        map.enableDoubleClickZoom();//启用鼠标双击攑֤��Q�默认启�?可不�? 

        map.enableKeyboard();//启用键盘上下左右键移动地�?

    } 

     

    //地图控�g��d��函数�Q?

    function addMapControl(){ 

        //向地图中��d���~�放控�g 

    var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE}); 

    map.addControl(ctrl_nav); 

                } 

   

    //标注�Ҏ���l?

    var markerArr = [{title:"青岛吉之���商用设备有限公�?,content:"�׃��省青岛市城阳区流亭街道空港��业聚集区",point:"120.338188|36.271832",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}} 

         ]; 

    //创徏marker 

    function addMarker(){ 

        for(var i=0;i<markerArr.length;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 = createIcon(json.icon); 

            var marker = new BMap.Marker(point,{icon:iconImg}); 

            var iw = createInfoWindow(i); 

            var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)}); 

            marker.setLabel(label); 

            map.addOverlay(marker); 

            label.setStyle({ 

                        borderColor:"#808080", 

                        color:"#333", 

                        cursor:"pointer" 

            }); 

             

            (function(){ 

                var index = i; 

                var _iw = createInfoWindow(i); 

                var _marker = marker; 

                _marker.addEventListener("click",function(){ 

                    this.openInfoWindow(_iw); 

                }); 

                _iw.addEventListener("open",function(){ 

                    _marker.getLabel().hide(); 

                }) 

                _iw.addEventListener("close",function(){ 

                    _marker.getLabel().show(); 

                }) 

                label.addEventListener("click",function(){ 

                    _marker.openInfoWindow(_iw); 

                }) 

                if(!!json.isOpen){ 

                    label.hide(); 

                    _marker.openInfoWindow(_iw); 

                } 

            })() 

        } 

    } 

    //创徏InfoWindow 

    function createInfoWindow(i){ 

        var json = markerArr[i]; 

        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>"); 

        return iw; 

    } 

    //创徏一个Icon 

    function createIcon(json){ 

        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)}) 

        return icon; 

    } 

     

    initMap();//创徏和初始化地图 

</SCRIPT>

               <a href="http://www.brookline300.org/">91&#x5348;&#x591C;&#x798F;&#x5229;&#x56FD;&#x4EA7;&#x5728;&#x7EBF;&#x89C2;&#x770B;_&#x4E9A;&#x6D32;&#x6FC0;&#x60C5;&#x89C6;&#x9891;_&#x56FD;&#x4EA7;&#x514D;&#x8D39;av&#x7247;&#x5728;&#x7EBF;&#x89C2;&#x770B;_&#x4E9A;&#x6D32;&#x7CBE;&#x54C1;&#x591C;&#x591C;&#x591C;&#x5993;&#x5973;&#x7F51;</a>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>