如何添加动态的百度地图-如意宝魔方建站平台

如何添加动态的百度地图

如意宝魔方建站 2017-02-21 15:01:01 次浏览

如意宝支持第三方代码，比如QQ客服、TQ客服、百度商桥、53客服、流量统计、漂浮广告、相册、电子地图等代码。本篇将以添加动态的“百度地图”为例，介绍其添加方法。

第一步：

进入百度地图界面。申请网址：http://api.map.baidu.com/lbsapi/createmap/index.html，如图1.1所示

（图1.1 百度地图代码申请界面）

第二步：

创建地图。以创建“深圳市天助人和信息技术有限公司”的百度地图为例。

1）定位中心点：选择当前的城市，比如“深圳”，然后输入地名或者大厦，快速定位，比如“莲塘”，点击查找，效果如图如图1.2所示

2）设置地图：可以设置地图显示的尺寸，添加按钮等信息，如图1.3所示

3）添加标注：在此可以选择点标记、线标记或者文字标记，这里以“点标记”为例，在右侧地图框内找到具体的公司位置，点击一下，然后在左侧填写“名称”和“备注”，然后点击“保存”，右侧就会立即出现地图效果框，如图1.4所示

（图1.2 定位中心点）

（图1.3 设置地图）

（图1.4 添加标注）

第三步：

获取百度地图代码。

点击“预览”，可以查看我们生成的地图效果。

点击“获取代码”，如图1.5所示，这个是一个完整的静态页面，我们可以复制到Dreamweaver中，创建一个map.html静态页面，本地调试，加上百度密钥，测试没问题后上传如意宝文件中心。切记，千万不要直接复制代码粘贴到如意宝后台编辑器里，会被编辑器过滤掉的。

（图1.5 获取百度地图代码）

第四步：

调用百度地图代码。在如意宝文件中心里，获取map.html页面相对地址，然后到如意宝相应栏目里，比如联系我们页面的公司地图位置，使用iframe框架来调用百度地图，代码效果如下：
<iframe src="/ufile/11838/pic/map.html" style="border:1px solid #ccc;" width="697" height="550" scrolling="no"></iframe>

备注：（1）src替换为如意宝文件中心的页面路径，width和height可根据实际情况调整。

（图1.6 如意宝网站调用百度地图效果图）

上一条：如何添加和调用功能分块（非支持可视化版本）

下一条：如何添加qq在线客服

返回列表

如何添加动态的百度地图

友情链接：