在cms以及kindeditor中插入百度动态地图的方法

想在网页中插入动态地图不难，直接打开网址http://api.map.baidu.com/lbsapi/creatmap/，然后按照提示操作，最终生成脚本，放到html文件中即可。而在kindeditor中插入动态地图就更简单了，最新版的kindeditor已经添加了插入动态地图的功能。

这里我要说的是，如果一个cms中整合的是老版本的kindeditor，没有插入动态地图这个功能，或者kindeditor生成的地图尺寸太小，又不能更改，那么我们要怎么办呢？

偶然间我想到一个方法，我们可以先按照文章开头的方法生成脚本代码，然后在kindeditor中点击【插入程序代码】按钮，选择javascript，将百度生成的代码粘贴到弹出的窗口中，保存后，刷新前台，就可以看到百度的动态地图生成了。

当然，生成的动态地图的css样式可能跟我们需要的不一致，那就要去修改百度生成的脚本中的一些css样式了。

还有，就是我们想在动态地图的下方放置联系方式等文本，可是在kindeditor中输入文本后，再次刷新前台，我们会发现已经生成的地图页面全都乱掉了，我觉得这应该是给文本内容或者文本样式和地图脚本冲突造成的，为什么冲突？我也不知道。

摸索了一下，解决起来也不麻烦，我发现当我插入地址脚本后，如果编辑框中是这个样子，那么当我在下方输入本文后，前台页面一准乱掉。

而如果插入地图脚本后，显示成下面这样，在脚本后输入文本就没问题。

如果我们直接点击【插入程序代码】按钮，然后插入代码后总是图一的样子，那么我们可以试试点击【全屏显示】，然后在插入代码，这样应该就可以了。

最终效果：