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