如何在android中控制webview以显示适当的google可视化地图?

如何在android中控制webview以显示适当的google可视化地图?,android,webview,google-visualization,Android,Webview,Google Visualization,我试图在android的webview中使用谷歌的可视化功能来显示地理地图 “我的web视图”设置如下所示- webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setBuiltInZoomControls(true); webView.getSettings().setUseWideViewPort(true); webView.requestFocusFromTouch

我试图在android的webview中使用谷歌的可视化功能来显示地理地图

“我的web视图”设置如下所示-

    webView.getSettings().setJavaScriptEnabled(true);
    webView.getSettings().setBuiltInZoomControls(true);
    webView.getSettings().setUseWideViewPort(true);
    webView.requestFocusFromTouch();
    webView.requestFocus(View.FOCUS_DOWN);
    webView.getSettings().setLoadWithOverviewMode(true);
    webView.setInitialScale(getScale());
    //webView.setWebViewClient(new WebViewClient());
    webView.setWebChromeClient(new WebChromeClient());
//包含js的字符串,用于使用google的


代码运行良好。我得到了不同颜色的地图的不同区域。但我需要通过将片段活动的默认屏幕方向保持为POTRAIT,在横向模式下只转换web视图。此外,当我点击地区时,弹出窗口会显示国家的正确名称,但点击地图中的任何位置时,弹出窗口也会在地区之外打开。甚至我在手机上试用了chrome浏览器,它也有同样的问题。在计算机上的普通web浏览器上,同样的可视化效果也很好

我已经回答了。工作
 String js = "<html><head>" +
                    "<script type='"+"text/javascript"+"' src='"+"https://www.google.com/jsapi"+"'></script>"+
                    "<script type='"+"text/javascript"+"'>" +
                    "google.load('"+"visualization"+"', '"+"1"+"', {packages:['"+"geomap"+"']});" +
                    "google.setOnLoadCallback(drawRegionsMap);" +
                    " function drawRegionsMap() {" +
                    "  var data = google.visualization.arrayToDataTable([" + 
                    "['Country', '"+name+"']," + build +
                    "]);" +
                    "var options = {colors: ['"+startColor+"', '"+endColor+"']};" +
                    "var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));" +
                    "chart.draw(data, options);" +
                    "}" +
                    "</script>" +
                    "</head>" +
                    "<body bgcolor='#E6E6FA'>" +
                    "<div id='"+"regions_div"+"' style='"+"width:100%; height: 100%;"+"'></div>" +
                    "</body>" +
                    "</html>";