网页添加百度地图显示企业位置
- 分类:博文-IT资讯
- 发布于 2016年7月25日 星期一 14:10
- 作者:Super User
- 点击数:5677
步骤一:打开下面这个地址
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指的是地图的宽度,这个根据实际地图大小来修改,不写也可以的。