zoukankan      html  css  js  c++  java
  • 如何制作企业地图?(html)(老大:张国辉)

    <!--
    EOT;
    if($classnow == $class_index[9][id]){
    echo <<<EOT
    -->
    <div class="show_map">
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <style type="text/css">
    #allmap {height: 100%;100%;overflow: hidden;}
    #result {100%;font-size:12px;}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=yGlv100KEaqRFe9Flfw3Q0UbZ5itvuOs"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css"/>
    <title>
    东莞越度实业有限公司
    </title>
    <div id="allmap"></div>
    <script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map('allmap');
    var poi = new BMap.Point(113.852483,23.024293);//主要的定位(http://api.map.baidu.com/lbsapi/getpoint/
    map.centerAndZoom(poi, 16);
    map.enableScrollWheelZoom();

    var content = '<div style="margin:0;line-height:20px;padding:2px;">' +
    ' 地址:广东东莞市寮步镇领厦卓讯科技园<br/>联系电话:15099712754 81126988' +
    '</div>';

    //创建检索信息窗口对象
    var searchInfoWindow = null;
    searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
    title : "广东东莞越度实业有限公司", //标题
    width : 360, //宽度
    height : "auto", //高度
    panel : "panel", //检索结果面板
    enableAutoPan : true, //自动平移
    searchTypes :[
    BMAPLIB_TAB_SEARCH, //周边检索
    BMAPLIB_TAB_TO_HERE, //到这里去
    BMAPLIB_TAB_FROM_HERE //从这里出发
    ]
    });
    var marker = new BMap.Marker(poi); //创建marker对象
    marker.enableDragging(); //marker可拖拽
    marker.addEventListener("click", function(e){
    searchInfoWindow.open(marker);
    })
    map.addOverlay(marker); //在地图中添加marker
    </script>
    </div>

    <!--
    EOT;
    }
    echo <<<EOT
    -->

    /*地图css*/
    .show_map{
    100%; height:460px;
    overflow:hidden;
    border:1px solid #d3d3d3;
    margin:20px 0;

    }
    .show_map .BMapLib_SearchInfoWindow .BMapLib_bubble_content{
    padding:10px 20px!important;
    }

    .show_map .BMapLib_nav{
    display:none;
    }
    .show_map .BMapLib_bubble_title{
    color:#000000!important;
    font-weight:bold;
    font-family:Microsoft YaHei;
    font-size:16px!important;
    }
    .show_map .BMapLib_bubble_content div{
    font-size:14px;
    color:#323232!important;
    line-height:24px!important;
    font-family:Microsoft YaHei;
    }
    .show_map .anchorBL,.contact_map .BMap_cpyCtrl{
    display:none;
    }
    .show_map .BMapLib_sendToPhone{
    display:none;
    }
    .show_map .BMapLib_bubble_title{
    line-height:50px!important;
    height:50px!important;
    padding:0 20px!important;
    }
    .show_map .BMapLib_bubble_top{
    height:50px!important;
    }
    .show_map .BMapLib_bubble_close{
    height:50px!important;
    }

     

  • 相关阅读:
    NOI 题库 7084
    NOI 题库 7218
    POJ 2386 题解
    NOI 题库 8465
    NOI 题库 2753
    NOI 题库 1792
    P3709 大爷的字符串题
    初探莫队
    P1026 统计单词题解
    AC自动机小记
  • 原文地址:https://www.cnblogs.com/lvqiupingboke-2019/p/12941469.html
Copyright © 2011-2022 走看看