如何制作企业地图?(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%;width:100%;overflow: hidden;}
#result {width: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{
width: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;
}

 

猜你喜欢

转载自www.cnblogs.com/lvqiupingboke-2019/p/12941469.html