导语

前面七期把建站常用的东西补齐了：写代码用 Notepad++（第一期），本地跑站用 phpStudy（第二期），看页面结构用 仿站扒皮（第三期），管内容用 迅睿CMS（第四期），做网站图标用 比特虫（第五期），处理网页图片用 Fireworks（第六期），找小图标用 iconfont（第七期）。页面内容有了，联系页还差一块：客户要知道你在哪。自己写地图接口不划算，本期用百度地图生成器，把地图和位置标注直接生成出来。

软件介绍

百度地图生成器 是百度地图开放平台里的可视化工具。它不是下载安装的软件，打开网页就能创建地图：先定位中心点，再设置地图大小、缩放按钮、缩略图和比例尺，然后添加点、线、文字标注，最后复制代码嵌进网页。

它适合企业站的联系我们、门店位置、活动地点这些固定展示。你要标的是公司、门店或指定地点，不需要先学完整套地图接口。这里说的“定位”，是把地图中心定到某个城市、地名或大厦，不是按每个访客的 IP 自动判断他所在的位置。

官网与使用方法

工具页可以直接打开。正式嵌到网站前，需要到百度地图开放平台申请浏览器端密钥：

生成器直达：https://api.map.baidu.com/lbsapi/createmap/index.html

使用步骤（照着走就行）：

1. 定位中心点。先选城市，再输入地名、大厦或公司名查找。找到后拖动地图，确认中心点就是你要展示的位置。

2. 设置地图。按页面留白填写宽度和高度，再决定要不要缩放按钮、缩略图、比例尺，以及滚轮缩放、拖动这些交互。

3. 添加标注。点标记用来标门店，线标记用来标路线，文字标记用来补名称。生成器页面提示，每类标记最多添加 10 个。

4. 获取代码。预览没问题后点获取代码。代码里的密钥要换成你自己在百度地图开放平台申请的浏览器端 AK。

5. 嵌进网页。把代码放到联系页或门店页的指定位置，保存后看实际宽度。地图容器没有高度时，页面上会是空白。

主要特点

• 可视化创建。不用先写接口代码，地图中心、尺寸、控件和标注都能在页面里调。

• 适合固定位置展示。公司地址、门店、活动地点，用它生成一次就能嵌入网页。

• 标注类型够用。点、线、文字三类标注，能覆盖普通企业站的位置说明。

• 控件可选。缩放、平移、缩略图、比例尺以及它们的位置，都可以按页面风格取舍。

• 直接复制代码。生成后复制到网页里，比从零对接地图接口省事。

知也的几个使用提醒

这个工具看着手顺，真正上线时有几个边界要先说清楚：

1. 它不是按访客 IP 自动定位。页面里的“定位中心点”，是让你查找城市、地名或大厦，把地图中心设过去。不要把它理解成打开网页就自动显示每个访问者的当前位置。

2. 正式使用要申请自己的密钥。JavaScript 地图需要浏览器端 AK，并按开放平台要求配置 Referer 白名单。密钥不要随便公开扩散，不然调用额度可能被别人消耗。

3. 标记数量有限。生成器页面写明，点、线、文字标记每类最多 10 个。门店很多时，它适合做展示页，不适合做完整门店查询系统。

4. 地址先核对再生成。同名大厦、新区旧址都可能让搜索结果偏掉。生成前用地图预览核对门牌和周边，再复制代码。

5. 地图容器要有高度。嵌进网页后如果一片空白，先看外层容器是不是没有设置高度，再看密钥类型和域名白名单是否正确。

为啥不推荐别的

地图服务不止一家，国外地图服务不适合直接拿来做国内站点。国内地图平台也都能接接口，但只为了在联系页放一张公司位置图，从零写接口、处理坐标和标注，成本偏高。

百度地图生成器胜在可视化。它适合固定地点展示，不适合做实时轨迹、大量门店检索或按访客位置自动推荐。需求越复杂，越应该回到百度地图开放平台看对应接口，而不是硬用生成器凑。

小结

百度地图生成器适合给网页快速生成一张可嵌入的地图。你可以定位城市、地名或大厦作为中心点，设置尺寸和控件，再添加点、线、文字标注。它解决的是“把指定位置展示到网页上”，不是按每个访客的 IP 自动定位。正式使用前申请自己的浏览器端密钥，核对地址和域名白名单，再把代码放进联系页。

码字不易，多谢点赞支持！