如何利用百度地图API创建公司地图?网站首页 >SEO/微信资讯 >网站建设教程 >

作者：壬珂　;　来源：竹崖亭晚　;　浏览人数： 274　;

发布于：2018-05-16 09:04:26　;

资讯导读：作为网站中的核心栏目之一，联系方式栏目之中展现的内容无论是对我们网站运营者来说，还是对用户来说，都有着非常重要的作用。而如果我们能为联系方式栏目增加一个地图展现，那么无论是在实际信息上，还是在视觉效果上，都能够得到不小的提升！　;

作为网站中的核心栏目之一，联系方式栏目之中展现的内容无论是对我们网站运营者来说，还是对用户来说，都有着非常重要的作用。而如果我们能为联系方式栏目增加一个地图展现，那么无论是在实际信息上，还是在视觉效果上，都能够得到不小的提升！
那么，我们应该如何为自己的网站创建一个公司地图呢？
在这里笔者推荐使用百度的百度地图生成器：api.map.baidu.com/lbsapi/creatmap/
使用方法如下：

1. 进入生成器并设置城市及经纬度

首先，我们需要通过输入网址或搜索引擎查询，进入百度地图生成器。然后，我们需要输入我们所在的城市及详细地址，找到我们所处的位置，具体操作如下图所示：

除此之外，我们还可以通过拖拽右侧地图，找到我们所在的位置，但是这种方法需要非常多的时间，不建议使用！

2. 设置地图中需要的功能

在地图生成器中找到我们所处的位置之后，我们就可以对地图进行更加细致的调整。如下图所示：

在这一项设置之中，我们可以设置地图缩放等扩展按钮，还可以对地图状态进行设置！不过需要注意的是，从百度地图生成器中生成的地图，我们无法在控制台中对其尺寸进行调整！

3. 设置标注点及标注信息

在设置完扩展按钮及功能后，我们便可以进入到最后的设置步骤。

在此步骤中我们可以设置我们所在位置的标注点，并且添加标注信息，展示效果如下图所示：

需要注意的是，在百度地图生成器中所设置的标注点可能在我们的页面上无法展示，这是因为标注点icon图片来源链接出错的缘故。在这种情况下，我们就需要对地图源代码中的icon链接进行替换，首先我们需要在生成器中生产的源码中找到：var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png"这一句，将其中的http://app.baidu.com/map/images/us_mk_icon.png替换成：http://map.baidu.com/image/us_mk_icon.png即可！

4. 在网站中安装地图

当所有东西设置完毕之后，我们就可以在我们的网站中安装生成的地图了。
我们可以在地图生成器的下方，找到获取代码按钮：

复制代码后，我们将代码中的head部分放在我们网站的head中，将body中的内容，放置在我们想让其出现的位置。而如果有需要的话，我们可以在代码中设置地图的展现大小：

但需要注意的是，这里修改的尺寸只是地图容器的尺寸，所以在我们修改尺寸之后，我们的位置可能无法展现在地图上，需要重新调整位置。
至此，公司地图的生产及展现步骤便已全部完成，在保存修改代码之后，我们便可以在网站页面中看到我们所添加的地图了！

最新文章

上一篇：在建设网站时应该考虑的细节(一)

下一篇：如何制作一个利于用户体验的网站?

公司简介

株洲竹崖亭晚网络科技有限公司成立于2018年02月07日，主要从事网站关键词SEO优化、微信公众号代运营、SEM竞价推广托管、PC端网站建设、移动端开发、微信公众号开发、软文撰写、商品拍摄、淘宝店铺搭建等业务，致力于为用户提供更高的效益与更好的服务！

了解全部...

栏目导航

新闻资讯
 服务内容
 往期案例
 加入我们
 联系方式
 关于我们

联系我们

株洲竹崖亭晚网络科技有限公司
邮箱：602104958@qq.com；
客服QQ：602104958；
公司地址：株洲市荷塘区东方明园1栋101号；
营业时间：9:00~18:00;

咨询热线:

0731-22131314 | 18107334890

网站地图 | 技术支持：竹崖亭晚 |

18107334890