QQ咨询
服务热线
服务热线:0512-66653835
TOP

如何在网站调用百度地图并显示企业信息

发布时间:2015-09-02 浏览:732

     上篇文章我们写了网站调用谷歌地图的方法,有兴趣的朋友可以点击这里查看:“在网站上调用谷歌地图来展示公司地址及相关信息”。今天,骐云科技教大家如何调用百度地图并在地图上显示企业的相关信息。

    步骤一:打开下面这个地址:http://api.map.baidu.com/lbsapi/creatmap/index.html     步骤二:定位中心点     在打开的页面左侧,输入企业的详细地址,然后点查找,即可在右侧的地图中显示企业的具体位置。     步骤三:设置地图     主要是设置地图的尺寸大小,其它的按照默认即可,比如我们要调用的地图大小宽度为600像素,高度为500像素,设置如下图: 02.jpg     步骤四:添加标注     这是关键的一步,点开后,我们点选那个绿色的小点图标,然后在地图上企业所在的位置点击一下,即可标注好地点,如图: 03.jpg     标记好了之后,在标记图标的下面有“名称”和“备注”两个输入框,这里可以输入企业名称和企业相关的信息,一定不能浪费掉。编辑好之后,千万不要忘记点保存,否则无效的。     最终效果如图:  04.jpg     步骤五:获取代码     上面都设置好之后,我们点击下面的“获取代码”按钮即可获得地图的调用代码。全部复制下来,然后在桌面上新建一个文本文档,将代码复制进去后保存。重命名文本为:“baidumap.html”。保存的时候会出现下面这个提示框,如图: 05.jpg     不要理会,直接点击是即可。     步骤六:将baidumap.html这个文件上传到自己空间的根目录下。     在我们需要调用地图的地方,插入以下代码:         height=600指的是地图的高度;width=500指的是地图的宽度,这个根据实际地图大小来修改,不写也可以的。     好了,赶紧去前台页面看看,是否百度地图就完整显示出来了。