我有一个奇怪的问题...我有一个服务器API，在其中安装了JVectorMap javascript，以在地图上显示一些统计信息。这非常简单，我只需要将网址设置为如下所示的webview：
（WebView配置）
WebView wv = (WebView)lv_header.findViewById(R.id.result_webview);
WebSettings settings = wv.getSettings();
settings.setBuiltInZoomControls(false);
settings.setUseWideViewPort(true);
settings.setJavaScriptEnabled(true);
settings.setLoadsImagesAutomatically(true);
settings.setDomStorageEnabled(true);
settings.setLoadWithOverviewMode(true);
wv.setHorizontalScrollBarEnabled(false);
我调用以显示地图的WebView方法
private void setWebView(String countryCode) {
wv.loadUrl( MyApplication.API_URL_SERVER_PRODUCTION+"/query/"+getIdFromPos(array_id, posInArray)+"/map/"+countryCode);
}
在Android 4.x上>将显示ok，但一切正常，但是在4.x下，我有此日志； （并且webView为空白）：
E/Web Console(8411): Uncaught TypeError: Object #<an HTMLDocument> has no method: 'createStyleSheet' at http://www.miwebsite.com/static/js/jvectormap/jquery-jvectormap-1.2.2.min.js:7
方法“ createStyleSheet”位于“ jquery-jvectormap-1.2.2.min.js”文件中...
地图示例==> Click Here
最佳答案
在未压缩的jVectorMap中，在第＃182行有一个对document.createStyleSheet() javascript函数的调用：
jvm.VMLElement.initializeVML = function () {
try {
document.namespaces.rvml || document.namespaces.add("rvml", "urn:schemas-microsoft-com:vml"), jvm.VMLElement.prototype.createElement = function (e) {
return document.createElement("<rvml:" + e + ' class="rvml">')
}
} catch (e) {
jvm.VMLElement.prototype.createElement = function (e) {
return document.createElement("<" + e + ' xmlns="urn:schemas-microsoft.com:vml" class="rvml">')
}
}
document.createStyleSheet().addRule(".rvml", "behavior:url(#default#VML)"), jvm.VMLElement.VMLInitialized = !0
}
该函数不是特定于jVectorMap的，而是特定于IE浏览器中的javascript实现的，直到IE 11为止。可能您使用的浏览器不支持此功能（也许是从Android发送IE用户代理字符串）浏览器）。
使用this uncompressed jVectorMap（将其复制，粘贴并保存在文件中，并用其替换您当前使用的缩小的jVectorMap），然后查看导致此问题的行。