TinyMCE 优化百度地图 bdmap 插件

• 背景

  最近鄙人在使用富文本编辑器时发现：
  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>>>