pbootcms网站添加地图

给pbootcms网站加地图这事儿，网站说难真不难，添加说简单也藏着几个坑。地图我上个月给客户做企业站时，网站就亲眼见过有人把地图代码直接扔进模板底部，添加结果整个页面加载慢了两秒，地图用户滚动到页脚时地图还在打转。网站

地图分两种，添加一种是地图给访客看的“联系我们”页面上的嵌入式地图，另一种是网站给搜索引擎看的sitemap.xml。你问的添加是哪种？我猜多半是前者，毕竟后台加sitemap插件三分钟就能搞定，地图而页面上的网站地图才真正影响用户体验。

先讲最实用的添加做法。打开pbootcms后台，地图找到你要放地图的页面——通常是“联系我们”或“关于我们”——在内容编辑器的HTML模式里，直接粘贴百度地图或高德地图的iframe代码。以百度地图为例，你先去百度地图开放平台生成一个无密钥的普通地图iframe，选好地点和缩放级别，复制那段以<iframe>开头的代码，粘贴到编辑器里保存就行。就这么简单，不需要改任何PHP文件。

但这里有个细节容易被忽略。pbootcms默认的编辑器可能会过滤掉iframe标签，尤其是老版本。你粘完代码保存后，再打开页面看看——如果地图区域空白，那就是被过滤了。解决办法有两个：要么在后台“系统设置-内容参数”里把“允许iframe”勾上，要么直接改模板文件，把地图代码写死在模板里。我一般推荐后者，因为模板写死更稳定，不受编辑器设置影响。

具体操作是：用FTP连上服务器，找到模板目录下的contact.html或对应的单页模板文件，用记事本打开，在<div class="map"></div>这类容器标签中间插入你的iframe代码。注意别插错位置，最好放在联系表单上方，宽度设成100%，高度设成300到400像素，这样手机端显示也协调。

还有个容易踩的雷——地图位置偏移。如果你用的是高德地图，而网站是英文或者用了某些CDN加速，可能会出现地图加载出来但标记点偏了几百米的情况。这通常是坐标系问题，高德默认GCJ-02火星坐标，而有些第三方服务返回的是WGS-84原始坐标。解决办法是在生成地图时，明确选择“国测局坐标”选项，或者在代码里手动转换坐标。我上次就吃了这亏，客户说地图上标的位置不对，我排查了半小时才发现是坐标转换的锅。

再说说sitemap.xml。pbootcms其实自带生成功能，在后台“扩展功能-URL规则”里可以开启，系统会自动生成sitemap.xml文件，你只需要在robots.txt里加上Sitemap: 你的域名/sitemap.xml这行，然后去百度站长平台提交即可。如果你用的是宝塔面板，还能设置定时任务让sitemap每天自动更新，省得每次发文章后手动刷新。

最后提个醒。无论哪种地图，都别用那种需要加载大量JavaScript的重型版本。pbootcms本身是轻量级CMS，如果你硬塞一个3D全景地图，用户打开页面时CPU风扇都能转起来。我见过一个同行给客户做餐饮站，加了实时路况地图，结果手机端直接卡死，后来换回静态iframe才解决。地图够用就好，别炫技。

很赞哦!（7）