网站关于百度地图定位代码.doc_H5之家 - 中国HTML5教程资源分享第一站

文档介绍：
穿衣打扮技巧于百度地图定位代码添加我们经常看到有的网站上会弄一个百度地图在上边把自己的公司标注在上面, 那么到底要怎么样才能把这个地图弄到自己的网站上给自己的网站也弄一个地图定位让访问我们网站的游客一目了然呢,下边我将给出一段程序给大家参考下: 前台页面 html <html xmlns= "9/xhtml" > <head runat= "server" ><title></title> </head> <body> <form id= "form1" runat= "server" > <div> <div style= "width:180px;" ><script type= "text/javascript" src= "?key=&v=1.1&services=true" >< /script> <div style= "WIDTH: 500px; HEIGHT: 500px;" id= "dituContent" ></div> <script src= "js/BaiduMap.js" type= "text/javascript" ></script> <%-- 注意引用的位置--%> </div> </div> </form> </body> </html> 添加的 BaiduMap.js 如下(注意引用的位置): //创建和初始化地图函数: function initMap() {createMap(); //创建地图 setMapEvent(); //设置地图事件 addMapControl(); //向地图添加控件 addMarker(); //向地图中添加 marker }//创建地图函数: function createMap() { 穿衣打扮技巧 map =new BMap.Map( "dituContent" );//在百度地图容器中创建一个地图 var point =new BMap.Point( 114.170549,22.565821 );//定义一个中心点坐标(修改这里)map.centerAndZoom(point, 16);//设定地图的中心点和坐标并将地图显示在地图容器中 window.map =map; //将map 变量存储在全局}//地图事件设置函数: function setMapEvent() { map.enableDragging(); //启用地图拖拽事件,默认启用(可不写) map.enableScrollWheelZoom(); //启用地图滚轮放大缩小 map.enableDoubleClickZoom(); //启用鼠标双击放大,默认启用(可不写) map.enableKeyboard(); //启用键盘上下左右键移动地图}//地图控件添加函数: function addMapControl() { //向地图中添加缩放控件 var ctrl_nav =new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE }); map.addControl(ctrl_nav); //向地图中添加比例尺控件 var ctrl_sca =new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT }); map.addControl(ctrl_sca); }//标注点数组经纬度 var markerArr =[{title: "天安门",content: "东长安街",point: "116.403719|39.915175" ,isOpen: 0,icon: {w:23,h:25,l:0,t:21,x: 9,lb: 12}}];//创建 marker function addMarker() {for (var i=0;i<markerArr.length; i++ ){ var json =markerArr[i]; var p0=json.point.split( "|" )[0]; var p1=json.point.split( "|" )[1]; var point =new BMap.Point(p0, p1); var iconImg =createIcon(json.icon); 穿衣打扮技巧 marker =new BMap.Marker(point, {icon: iconImg }); var iw=createInfoWindow(i); var label =new BMap.Label(json.title, {"offset" :new BMap.Size(json.icon.lb -json.icon.x +10,-20)}); marker.setLabel(label); map.addOverlay(marker); label.setStyle({ borderColor: "#808080" , color: "#333" ,cursor: "pointer" }); (function (){var index =i; var _iw =createInfoWindow(i); var _marker =marker; _marker.addEventListener( "click" ,function (){ this .openInfoWindow(_iw); }); _iw.addEventListener( "open" ,function (){ _marker.getLabel().hide(); })_iw.addEventListener( "close" ,function (){ _marker.getLabel().show(); })label.addEventListener( "click" ,function (){ _marker.openInfoWindow(_iw); })if(!! json.isOpen) {label.hide(); _marker.openInfoWindow(_iw); }})() }}//创建 InfoWindow function createInfoWindow(i) { var json =markerArr[i]; var iw=new BMap.InfoWindow( "<b class='iw_poi_title' title='" + json.title +"'>" +json.title +"</b><div class='iw_poi_content'>" + json.content +"</div>" ); return iw; }//创建一个 Icon 穿衣打扮技巧 ction createIcon(json) { var ico

12>

内容来自淘豆网转载请标明出处.