只做中间部分
w:1418px
h:520px
左导航栏
w:250px
h:500px
<!DOCTYPE html>
<html>
<head>
<title>测试</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<style type="text/css">
table
{
border-collapse: collapse;
border: none;
}
</style>
</head>
<body>
<div style="margin:0px auto;text-align:center ">
<div style="float:left;margin-left:230px;">
<table width="250" height="600" border="solid #000 1px;" style=" background-color:#888888">
<tr>
<td>在线留言</td>
</tr>
<tr>
<td>监控系统</td>
</tr>
<tr>
<td>报警系统</td>
</tr>
<tr>
<td>门禁系统</td>
</tr>
<tr>
<td>集团系统</td>
</tr>
<tr>
<td>消防系统</td>
</tr>
<tr>
<td>智能交通</td>
</tr>
<tr height="150">
<td><img src="C:\Users\111\Desktop\476202635556118.jpg"/></td>
</tr>
</table>
</div>
<div style="float:right;margin-right:230px;">
<table width="650" height="520" border="solid #000 1px;">
<tr style="height:30px; font-size:10px">
<td style="text-align:left"> <a href="#" style="color:#999999">网站首页</a> ☆ <a href="#" style="color:#999999">联系我们</a></td>
</tr>
<tr style="height:330px;">
<td><div style="width:650px;height:330px;border:1px solid gray" id="container"></div></td>
</tr>
<tr>
<td>
<table width="650" border="0" style="text-align:left">
<tr height="30">
<td><a href="#" style="color:#999999">某某安防监控服务有限公司(集团总部)</a></td>
<td><a href="#" style="color:#999999">某某安防监控设备(成都)有限公司</a></td>
</tr>
<tr height="30">
<td><a href="#" style="color:#999999">地址:上海量世路2号盟广1楼1009-1010元</a></td>
<td><a href="#" style="color:#999999">地址:上海量世路2号盟广1楼1009-1010元</a></td>
</tr>
<tr height="30">
<td><a href="#" style="color:#999999">电话:021-6888XX0</a></td>
<td><a href="#" style="color:#999999">传真:021-6888XX0</a></td>
</tr>
<tr height="30">
<td><a href="#" style="color:#999999">电话:021-6888XX0</a></td>
<td><a href="#" style="color:#999999">传真:021-6888XX0</a></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container");
var sContent ="<h4 style = 'margin:0;'>深圳市聚优合标认证检测技术服务有限公司</h4><br/>地址:华利嘉电子市场2c086"; //定义大标题 写html语句标签
var point = new BMap.Point(114.129497, 22.68077); // 经纬度坐标
map.centerAndZoom(point, 16); // 初始化地图,设置中心点坐标和地图级别。
map.addControl(new BMap.NavigationControl());
map.enableScrollWheelZoom(true); // 启用滚轮放大缩小。
var infoWindow = new BMap.InfoWindow();
var infoWindow = new BMap.InfoWindow(sContent);
map.openInfoWindow(infoWindow, point); //开启信息窗口
</script>