资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

利用百度地图制作标志-创新互联

这两天在学习百度地图的API，结合所给的Demo，实现了一个比较简单的功能。在地图上制作自己公司的地址标签。

我们提供的服务有：做网站、网站设计、微信公众号开发、网站优化、网站认证、吴忠ssl等。为数千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的吴忠网站制作公司

首先获取标签的Point对象。



    根据地址查询经纬度
    
    




   
        要查询的地址：
        查询结果(经纬度)：
        
     var map = new BMap.Map("container"); map.enableScrollWheelZoom();    //启用滚轮放大缩小，默认禁用 map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用 map.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件 map.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件 map.addControl(new BMap.OverviewMapControl({ isOpen: true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT }));   //右下角，打开    map.centerAndZoom("广州", 12); //查询函数 var localSearch = new BMap.LocalSearch(map); localSearch.enableAutoViewport(); //允许自动调节窗体大小 function searchByStationName() { 　　var keyword = document.getElementById("text_").value; 　　localSearch.setSearchCompleteCallback(function (searchResult) { 　　　　var poi = searchResult.getPoi(0); 　　　　document.getElementById("result_").value = poi.point.lng + "|" + poi.point.lat; //获取经度和纬度，将结果显示在文本框中 　　　　map.centerAndZoom(poi.point, 13); 　　}); 　　localSearch.search(keyword); }

然后就是制作标签了。这里以广州白云山为例。查询结果如下

利用百度地图制作标志

这样就可以查到自己公司所在地址的经纬度。

在把下面的标注点数组变量修改成自己的公司即可。其中的piont为自己公司的point。

  
  
  
  
 

!-- 百度地图 --->
    //创建和初始化地图函数：     function initMap(){         createMap();//创建地图         setMapEvent();//设置地图事件         addMapControl();//向地图添加控件         addMarker();//向地图中添加marker     }          //创建地图函数：     function createMap(){         var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图         var point = new BMap.Point(113.388275,22.94326);//定义一个中心点坐标         map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中         window.map = map;//将map变量存储在全局     }          //地图事件设置函数：     function setMapEvent(){         map.enableDragging();//启用地图拖拽事件，默认启用(可不写)         map.enableScrollWheelZoom();//启用地图滚轮放大缩小         map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)         map.enableKeyboard();//启用键盘上下左右键移动地图     }          //地图控件添加函数：     function addMapControl(){                         }          //标注点数组     var markerArr = [{title:"明珠电气股份有限公司",content:"电话：200-XXX-XXX
地址：广州市番禺区东环路118号",point:"113.38714|22.957759",isOpen:1,icon:{w:23,h:25,l:23,t:21,x:9,lb:12}}          ];//这里的point是通过上一页面中查询出来的。     //创建marker     function addMarker(){         for(var i=0;i" + json.title + ""+json.content+"
");         return iw;     }     //创建一个Icon     function createIcon(json){         var icon = new BMap.Icon("/upload/otherpic6/us_mk_icon.png", new BMap.Size(json.w,json.h),{p_w_picpathOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})         return icon;     }          initMap();//创建和初始化地图

实现效果图如下：

利用百度地图制作标志

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。


当前名称：利用百度地图制作标志-创新互联
转载来源：http://cdkjz.cn/article/disheh.html
返回首页 了解更多建站资讯

相关资讯

多年建站经验

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

业务热线：400-028-6601 / 大客户专线   成都：13518219792   座机：028-86922220

在线咨询 提交需求
友情链接 交换友情链接
网络推广公司成都棕树电信机房什邡做网站新都网站建设SSL证书什邡网站建设成都定制网站建设雅安服务器托管四川电信高防服务器托管成都免费网站建设

成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询400-028-6601

成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图