如何在android中控制webview以显示适当的google可视化地图?
我试图在android的webview中使用谷歌的可视化功能来显示地理地图 “我的web视图”设置如下所示-如何在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
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>";