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

步骤一:打开下面这个地址: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指的是地图的宽度,这个根据实际地图大小来修改,不写也可以的。

    好了,赶紧去前台页面看看,是否百度地图就完整显示出来了。

喜欢()
热门搜索
302 文章
16 评论
53 喜欢
Top