Ueditor 更新百度地图JS API

如果页面上的百度地图组件显示:您所使用的地图JS API版本过低,已不再维护,为保证地图基本功能 正常使用,请尽快升级到最新版地图JS API,那么,你需要对百度地图API进行升级了。

首先,你需要到百度地图开放平台进行账号注册获取AK密钥等操作(操作文档)。
然后找到ueditor的百度地图组件,对相关文件进行修改,路径为:/path/to/ueditor/dialogs/map
1、修改map.html,将
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true"></script>
替换为
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=你的AK密钥"></script>

marker.setPoint(point)
替换成
marker.setPosition(point)

var zoom = map.zoomLevel
替换成
var zoom = map.getZoom()

var point = marker.getPoint()
替换成
var point = marker.getPosition()

var url = "http://api.map.baidu.com/staticimage?center="
替换成
var url = "https://api.map.baidu.com/staticimage?center="

2、修改show.html,将
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
替换成
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=你的AK密钥"></script>

再次进行地图插入,显示如下即修改成功:
微信截图_20230201153404.png

标签: ueditor, 百度地图, JS API

添加新评论