在cms以及kindeditor中插入百度动态地图的方法
来源:互联网 发布:2015淘宝销量排行榜 编辑:程序博客网 时间:2024/06/03 22:51
想在网页中插入动态地图不难,直接打开网址http://api.map.baidu.com/lbsapi/creatmap/,然后按照提示操作,最终生成脚本,放到html文件中即可。而在kindeditor中插入动态地图就更简单了,最新版的kindeditor已经添加了插入动态地图的功能。
这里我要说的是,如果一个cms中整合的是老版本的kindeditor,没有插入动态地图这个功能,或者kindeditor生成的地图尺寸太小,又不能更改,那么我们要怎么办呢?
偶然间我想到一个方法,我们可以先按照文章开头的方法生成脚本代码,然后在kindeditor中点击【插入程序代码】按钮,选择javascript,将百度生成的代码粘贴到弹出的窗口中,保存后,刷新前台,就可以看到百度的动态地图生成了。
当然,生成的动态地图的css样式可能跟我们需要的不一致,那就要去修改百度生成的脚本中的一些css样式了。
还有,就是我们想在动态地图的下方放置联系方式等文本,可是在kindeditor中输入文本后,再次刷新前台,我们会发现已经生成的地图页面全都乱掉了,我觉得这应该是给文本内容或者文本样式和地图脚本冲突造成的,为什么冲突?我也不知道。
摸索了一下,解决起来也不麻烦,我发现当我插入地址脚本后,如果编辑框中是这个样子,那么当我在下方输入本文后,前台页面一准乱掉。
而如果插入地图脚本后,显示成下面这样,在脚本后输入文本就没问题。
如果我们直接点击【插入程序代码】按钮,然后插入代码后总是图一的样子,那么我们可以试试点击【全屏显示】,然后在插入代码,这样应该就可以了。
最终效果:
原文地址:http://blog.csdn.net/moqiang02/article/details/12067649
- 在cms以及kindeditor中插入百度动态地图的方法
- 在cms以及kindeditor中插入百度动态地图的方法
- 在自己的网页上插入动态的百度地图
- 在网页中插入百度地图地址 及 解决百度地图中心偏移到左上角 的方法
- 简单使用网页中插入百度地图的方法
- 在网页中插入百度地图
- 在网页中插入百度地图(实例)
- 在网页中插入百度地图(实例)
- 在网页中插入百度地图
- 在网页中插入百度地图
- 在网页中插入百度地图
- 在网页中插入百度地图
- 在网页中插入百度地图
- 在网页中插入百度地图
- 在网站中插入百度地图
- 百度地图在scrollview里面滑动冲突解决以及跳转到百度地图app的方法
- kindeditor在方法中动态创建在线文本编辑器
- 在网页中插入百度地图(Wayde-实例)
- HDU 2006 - 求奇数的乘积
- 智能电视记录仪 免费无限存储空间 tvlook1.1发布
- web浏览器上画图之raphael
- C#版异步TCP聊天服务器端简单代码示例
- C++ STL中Map的按Key排序和按Value排序
- 在cms以及kindeditor中插入百度动态地图的方法
- python操作Excel读写--使用xlrd
- Block
- UNREFERENCED_PARAMETER 的作用
- C语言字符处理函数
- HDU 2007 - 平方和 和 立方和
- AJAX 提交textarea文本数据
- C++编程规范之0:不要拘泥于小节
- Cocos2d-x学习之---点击按钮动态展现出一列菜单的一些想法