您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 信息化管理 > 网站关于百度地图定位代码
穿衣打扮技巧网站关于百度地图定位代码添加我们经常看到有的网站上会弄一个百度地图在上边把自己的公司标注在上面,那么到底要怎么样才能把这个地图弄到自己的网站上给自己的网站也弄一个地图定位让访问我们网站的游客一目了然呢,下边我将给出一段程序给大家参考下:前台页面htmlhtmlxmlns==servertitle/title/headbodyformid=form1runat=serverdivdivstyle=width:180px;scripttype=text/javascriptsrc==&v=1.1&services=true/scriptdivstyle=WIDTH:500px;HEIGHT:500px;id=dituContent/divscriptsrc=js/BaiduMap.jstype=text/javascript/script%--注意引用的位置--%/div/div/form/body/html添加的BaiduMap.js如下(注意引用的位置)://创建和初始化地图函数:functioninitMap(){createMap();//创建地图setMapEvent();//设置地图事件addMapControl();//向地图添加控件addMarker();//向地图中添加marker}//创建地图函数:functioncreateMap(){穿衣打扮技巧=newBMap.Map(dituContent);//在百度地图容器中创建一个地图varpoint=newBMap.Point(114.170549,22.565821);//定义一个中心点坐标(修改这里)map.centerAndZoom(point,16);//设定地图的中心点和坐标并将地图显示在地图容器中window.map=map;//将map变量存储在全局}//地图事件设置函数:functionsetMapEvent(){map.enableDragging();//启用地图拖拽事件,默认启用(可不写)map.enableScrollWheelZoom();//启用地图滚轮放大缩小map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)map.enableKeyboard();//启用键盘上下左右键移动地图}//地图控件添加函数:functionaddMapControl(){//向地图中添加缩放控件varctrl_nav=newBMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});map.addControl(ctrl_nav);//向地图中添加比例尺控件varctrl_sca=newBMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});map.addControl(ctrl_sca);}//标注点数组经纬度varmarkerArr=[{title:天安门,content:东长安街,point:116.403719|39.915175,isOpen:0,icon:{w:23,h:25,l:0,t:21,x:9,lb:12}}];//创建markerfunctionaddMarker(){for(vari=0;imarkerArr.length;i++){varjson=markerArr[i];varp0=json.point.split(|)[0];varp1=json.point.split(|)[1];varpoint=newBMap.Point(p0,p1);variconImg=createIcon(json.icon);穿衣打扮技巧=newBMap.Marker(point,{icon:iconImg});variw=createInfoWindow(i);varlabel=newBMap.Label(json.title,{offset:newBMap.Size(json.icon.lb-json.icon.x+10,-20)});marker.setLabel(label);map.addOverlay(marker);label.setStyle({borderColor:#808080,color:#333,cursor:pointer});(function(){varindex=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);}})()}}//创建InfoWindowfunctioncreateInfoWindow(i){varjson=markerArr[i];variw=newBMap.InfoWindow(bclass='iw_poi_title'title='+json.title+'+json.title+/bdivclass='iw_poi_content'+json.content+/div);returniw;}//创建一个Icon穿衣打扮技巧(json){varicon=newBMap.Icon((json.w,json.h),{imageOffset:newBMap.Size(-json.l,-json.t),infoWindowOffset:newBMap.Size(json.lb+5,1),offset:newBMap.Size(json.x,json.h)})returnicon;}try{initMap();//创建和初始化地图}catch(e){}百度地图经纬查询地址:结果:
本文标题:网站关于百度地图定位代码
链接地址:https://www.777doc.com/doc-2070197 .html