1、遇到的问题
在学习openlayers时,复制官网提供的入门样例代码在Webstorm中,在google浏览器中执行,出现乱码问题。用360浏览器执行时未出现乱码问题。

乱码.png
2、查找解决办法
1、使用的是Webstorm IDE,修改html编码为utf-8。未起作用。
2、扩展google浏览器插件charset,苦于google浏览器国内不能访问谷歌商店,网上下载的版本也对应不上,尝试未果,放弃。
3、网页中添加<meta/>标签设置字符编码
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
问题解决,如图所示。

utf-8编码结果.png