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 数组属性和方法
- 【Flutter 专题】95 图解 Dart 单线程实现异步处理之 Task Queue
- 首发基于OpenPAI细化部署 Hadoop 集群
- PhpStorm 集成 WSL 虚拟机中的 PHP 进行单元测试和代码调试
- 【CMake教程】(五)CMake 配置install打包
- 【CMake教程】(四)CMake 配置生成lib或者so的库文件
- 使用 GitHub README profile 展示更多信息
- 算法工程师-SQL进阶:集合之间的较量
- 算法工程师-SQL进阶:神奇的自连接与子查询
- 算法工程师-SQL进阶:温柔的陷阱-NULL
- SpringBoot 异步任务处理
- SpringBoot整合 ActiveMQ快速入门 实现点对点推送
- Tomcat部署SpringBoot war包
- Vue之插槽Slot理解
- Docker六脉神剑 (三) 编写Dockerfile构建nginx镜像并推送到远程仓库给其他人使用
- 快速学习UML类图查看