-
背景
最近鄙人在使用富文本编辑器时发现:
Tiny 中文文档
提供的百度地图插件并不好用;
无法达到基本的搜索匹配、放大缩小、拖拽等基本功能;
存在着代码报错,推测是测试不够严谨,于是在此基础上进行优化,欢迎指摘 … -
优化后效果:
①. 对输入框实现了
"input propertychange()"
监听事件
②. 设计地址下拉框展示效果
③. 即时获取百度地图服务器
返回的匹配地址数据
④. 触发点击事件及搜索定位优化优化后效果截图如下:
-
使用指导
直接取源码中的
"/bdmap"
文件夹 替换原来的“plugins/bdmap"
文件夹即可 (本身来讲就是增加了一些逻辑代码)
- 附录
【建议】
- 1 推荐参考: 百度地图 Javascript API 开发指导
2 注册自己的 百度地图开发 应用账号,"map.html"
中的是我自己注册的AK值,仅做小范围应用
<script charset="utf-8" src="http://api.map.baidu.com/api?v=3.0&ak=M7GFlg9ApjGlQDFh8gHDaxxzLu7KfuSc"></script>
【注意】
- 源码中的
"\百度地图 自定义实例设计\index.html"
是根据百度开发文档设计的页面,方便后期对页面应用的优化使用
如果只为了优化 bdmap 插件,是不需要这个的哦 !
【js动态加载 html元素,html中绑定的click事件不生效的解决办法】
/**
* js动态加载 html元素,html中绑定的click事件不生效的解决办法
* @param obj
*/
$("body").on('click', '.div-item', function () {
//do sth...
$("#kw_input").val($(this).html());
$("#div-show-list").css("display", "none");
searchMapByStationName();
});
【源码】
- 可自行深度优化:
>>>源码下载地址 GitHUB>>>