365bet体育|www.635288com-365体育手机在线

热门关键词: 365bet体育,www.635288com,365体育手机在线

js部分代码

2019-05-27 作者:365bet体育   |   浏览(56)

html部分的代码

  <div class="maxwidth">
        <div class="address clearfix">
            <div class="map-box fl">
                <div id="allmap"></div>
            </div>
            <div class="maptitle fr">
                建和塑胶材料有限公司
                <p>联系人:胡先生</p>
                <p>电子邮箱:hudb@pvc123.com</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://www.hntybf.com/uploads/allimg/190527/2144411S4-0.jpg"></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>    

 

效果图如下:

图片 1

 

  写地图巨有用的地址mark:

        百度地图生成器

   

        百度地图拾取坐标系统
        

        百度地图JavaScript API
        

本文由365bet体育发布于365bet体育,转载请注明出处:js部分代码

关键词: