TinyMCE 优化百度地图 bdmap 插件
时间:2022-07-24
本文章向大家介绍TinyMCE 优化百度地图 bdmap 插件,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
- 背景
最近鄙人在使用富文本编辑器时发现:
Tiny 中文文档
提供的百度地图插件并不好用; 无法达到基本的搜索匹配、放大缩小、拖拽等基本功能; 存在着代码报错,推测是测试不够严谨,于是在此基础上进行优化,欢迎指摘 … - 优化后效果:
①. 对输入框实现了
"input propertychange()"
监听事件 ②. 设计地址下拉框展示效果 ③. 即时获取百度地图服务器
返回的匹配地址数据 ④. 触发点击事件及搜索定位优化 优化后效果截图如下:
- 使用指导
直接替换原来的
“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>
【源码】
可自行深度优化:>>>源码下载地址 GitHub >>>
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 如何在Vue中使用云开发的云函数,实现邮件发送
- 乐观锁与悲观锁
- 为什么配置文件加密了数据库配置信息,Spring Boot仍能成功连接数据库
- SpringBoot开发微信公众号
- 猿实战10——动态表单之实现类目属性绑定
- 猿实战11——类目属性绑定之el-tree的使用
- 猿实战12——类目属性之动态绑定
- 一个maskrcnn的目标检测和实例分割的小例子
- Nginx系列:Nginx自带后端健康检查
- 消息队列之推还是拉,RocketMQ 和 Kafka是如何做的?
- Nginx系列:root与alias指令用法的区别
- Redis系列:Linux下部署Redis 6.x 版本
- 分布式锁的封装也很有讲究呀
- PHP与SEO,应用curl及正则获取搜狗搜索相关关键词
- Kafka经典面试题,你都会吗?