- 自定义百度地图代码
- 点击次数 | 更新时间 | 2016-02-14 16:04:40
-
[摘要] 代码有说明，相关设置可以自行修改<!doctypehtml><html><head><metacharset="utf-8"><title>百度地图</title><styletype="text/css">body{background:#fff;margin:0auto;font-size:12px;f...
代码有说明，相关设置可以自行修改
<!doctype html> <html> <head> <meta charset="utf-8"> <title>百度地图</title> <style type="text/css"> body {background:#fff; margin:0 auto; font-size:12px; font-family:'Microsoft Yahei','Simsun'; color:#333; line-height:20px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;} .center{text-align:center;} .mat5{margin-top:5px;} .mat10{margin-top:10px;} </style> </head> <body> <div id="baidumap" style="height:400px;width:1200px;margin:10px auto 0"></div> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3&ak=GWUhWD2NdjngiMaRwrQYnlKM"></script> <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("baidumap"); var point = new BMap.Point(113.794368,22.751209); map.centerAndZoom(new BMap.Point(113.794368,22.751209), 18); map.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用 map.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用 var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺 var top_left_navigation = new BMap.NavigationControl(); //左上角，添加默认缩放平移控件 var top_right_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}); //右上角，仅包含平移和缩放按钮 map.addControl(top_left_control); map.addControl(top_left_navigation); map.addControl(top_right_navigation); var marker = new BMap.Marker(point); map.addOverlay(marker); marker.setAnimation(BMAP_ANIMATION_BOUNCE); var opts = { width : 240, // 信息窗口宽度 height: 80, // 信息窗口高度 offset: new BMap.Size(0, -30), title : "海贝电子（香港）有限公司" , // 信息窗口标题 enableMessage:true,//设置允许信息窗发送短息 } var infoWindow = new BMap.InfoWindow("<p class='mat10'>品牌运营：海贝电子（香港）有限公司<br/>地址：香港九龙旺角弥敦道610号好莱坞商业中心1318-19室<br/>生产制造：东方品创（深圳）工厂<br/>地址：深圳市宝安区沙井街道锦程路鼎丰工业园一栋四楼<br/>客服电话：400-0755-065<br/>邮箱：david@haibeijingcheng.com</p><p class='mat5'>电话：15839823500</p>", opts); // 创建信息窗口对象 marker.addEventListener("click", function(){ map.openInfoWindow(infoWindow,point); //开启信息窗口 }); map.openInfoWindow(infoWindow,point); //开启信息窗口 </script> </body> </html> - 上一篇：textarea 输入框限制字数
- 下一篇：整理时下流行的浏览器UserAgent大全
