zoukankan      html  css  js  c++  java
  • 百度地图开发 InfoBox 弹出消息框使用详解!某物流网应用

    InfoBox 这个东西是开源的插件 比自带的消息框好使多了。但是也有点问题就是使用上要注意 只能弹出一次、核心就是赋值改变参数、

    <script type="text/javascript" src="/statics/js/InfoBox.js"></script>

    这个东西是基础。然后上核心代码: 物流网

    //建筑物 展示 infobox 开始
                         var html = ['<div class="tck_title" id="tck_title">',
                            '<div id="mc" class="title_zi">帝国大厦</div>',
                            '<div class="tck_neirong">',
                                '<div class="nr_1">',
                                    '<div class="nr_top">',
                                        '<div class="ne_top_l"><img onclick="xuanze_suoluetu(1);" src="img_vv/nopic.png" id="tc_pic"/></div>',
                                        '<div class="ne_top_r">',
    
                                            '<div class="r_dizhi" id="address">地址:潍坊市世纪泰华</div>',
                                            '<div class="r_weizi">',
                                                '<ul>',//tqy20121117
                                                    '<li><img src="img_vv/pic_5.png" />&nbsp;<a href="javascript:xuanze_suoluetu(1);">相关图片</a></li>',
                                                    '<li><img src="img_vv/pic_6.png" />&nbsp;<a href="javascript:xuanze_suoluetu(2);">相关视频</a></li>',
                                                    '<li><img src="img_vv/pic_7.png" />&nbsp;<a href="javascript:xuanze_suoluetu(3);">全景导览</a></li>',
                                                    '<li><img src="img_vv/pic_8.png" />&nbsp;<a href="javascript:xuanze_suoluetu(4);">虚拟现实</a></li>',
                                                '</ul>',
                                            '</div>',
                                        '</div>',
                                    '</div>',
                                    '<div id="tc_content" class="nr_middle">',
                                    '</div>',
                                    '<div class="nr_down" id="tc_pages">',
                                    '</div>',
                                '</div>'];
    
                        var infoBox = new BMapLib.InfoBox(map,html.join(""),{
                        offset:{height:-251,1},
                        boxStyle:{
                            background:"url('img_vv/tanchukuang.png') no-repeat",
                             "356px",
                            height: "400px" 
                        },
                        boxClass:"infobox",
                        closeIconMargin: "5px 8px 0 0",
                        closeIconUrl: "img_vv/close.png",
                        enableAutoPan: true,
                        align: INFOBOX_AT_TOP
                        });
                        
                    //建筑物 展示 infobox 结束
  • 相关阅读:
    多个相同结构的表的字段的修改、添加
    SQL SERVER 查询去重 PARTITION BY
    message from server: "Host 'xxx' is not allowed to connect to th
    jdk 1.8 连接数据库
    恢复SQLServer数据库后,如何同步登陆名和用户名
    无法识别的属性“targetFramework”。请注意属性名称区分大小写。错误解决办法
    jquery.tablesorter 使用
    MD5加密
    C# 判断是否是节假日
    word ladder
  • 原文地址:https://www.cnblogs.com/zhaoguoliang/p/2817966.html
Copyright © 2011-2022 走看看