利用百度地图制作标志-创新互联-乐山大橙子建站

新闻中心

这里有您想知道的互联网营销解决方案

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

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

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

首先获取标签的Point对象。



    根据地址查询经纬度
    
    




   
        要查询的地址：
        查询结果(经纬度)：

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

利用百度地图制作标志

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

在把下面的标注点数组变量修改成自己的公司即可。其中的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://lswzjz.com/article/disheh.html

新闻中心

其他资讯