wordpress中嵌入百度网页地图

教程上是按照google地址分享的 ，但是国内用户访问不了，

只能用百度地图

按照百度教程的代码贴上去之后 ，icon消失 ，中文乱码

解决方式，

1中文乱码 在<script type="text/javascript" > 添加"charset="UTF-8" "

2 图标消失：url替换成http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png

function createIcon(json){

var icon = new BMap.Icon("http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})

return icon;

把修改好的代码保存成map.html

把这个文件上传到worpress根目录

/data/wwwroot/wordpress

试着用FTP工具上传，总是不成功，

原来是阿里云的 轻量应用服务器提供的镜像中，有的并未提供FTP软件和配置，也就是说不能使用FTP协议传输文件。这时候需要使用到WinSCP软件来管理服务器文件。

后来借鉴这个博主的经验 上传文件成功，https://blog.csdn.net/qq_39742013/article/details/81661346

在联系我们的文本编辑里 添加个<iframe

把scr改成 主机ip+上传文件名

我的是http://39.106.34.69/map.html

<iframe style="border: 0;" src="http://39.106.34.69/map.html" width="100%" height="600" allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></iframe>