首先获取百度地图ak密钥，再在phpcms模板中引入api并创建地图容器，最后通过javascript初始化地图，可结合动态字段实现不同页面显示不同位置。
在使用PHPCMS时，如果需要在网站中展示地理位置或实现地图交互功能，可以集成百度地图API。下面是一个简单实用的教程，教你如何在PHPCMS中添加百度地图API。
1. 申请百度地图API密钥（AK）
要使用百度地图服务，必须先获取一个合法的API密钥：
- 访问 百度地图开放平台（https://lbsyun.baidu.com）
- 注册并登录账号
- 进入“控制台” → “应用管理” → “创建应用”
- 填写应用名称、选择应用类型（如“浏览器端”）
- 保存后获得唯一的 AK密钥（Access Key）
2. 在PHPCMS模板中引入百度地图JS API
打开你需要显示地图的PHPCMS模板文件（如 content/show.html 或其他自定义页面），在 或需要加载地图的位置插入以下代码：
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=你的AK密钥"></script>
注意：将 “你的AK密钥” 替换为上一步申请到的实际密钥。
立即学习“PHP免费学习笔记（深入）”；
3. 创建地图容器并初始化地图
在模板中添加一个用于显示地图的 div 容器，并用 JavaScript 初始化地图：
<div id="baidu_map" style="width: 100%; height: 400px;"></div>
<script type="text/javascript">
// 创建地图实例
var map = new BMap.Map("baidu_map");
// 设置中心点坐标（例如北京）
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15); // 缩放级别可调
// 启用鼠标滚轮缩放
map.enableScrollWheelZoom(true);
// 添加缩放控件
map.addControl(new BMap.ZoomControl());
// 可选：添加标注
var marker = new BMap.Marker(point);
map.addOverlay(marker);
marker.setLabel(new BMap.Label("我的位置",{offset:new BMap.Size(20,-10)}));
</script>
你可以根据实际需求修改经纬度、地图宽度、缩放等级和标注内容。
4. 动态传入地址或坐标（高级用法）
如果你希望从PHPCMS后台动态获取地址或坐标，可以通过以下方式：
- 在模型中添加字段，如 map_lng 和 map_lat（存储经度和纬度）
- 在模板中使用 PHPCMS 标签调用这些字段值，例如：
var lng = {$data['map_lng']};
var lat = {$data['map_lat']};
var point = new BMap.Point(lng, lat);
这样就可以根据不同内容页显示不同的地图位置。
基本上就这些。只要获取密钥、引入API、创建容器并初始化地图，就能在PHPCMS中成功嵌入百度地图。不复杂但容易忽略细节，比如AK密钥错误或坐标格式不对。确保前端能正常加载JS，地图就会顺利显示。
