Javascript Android WebView加载Google地图数据渲染
我试图使用以下函数在WebView中显示divJavascript Android WebView加载Google地图数据渲染,javascript,android,android-webview,webviewclient,Javascript,Android,Android Webview,Webviewclient,我试图使用以下函数在WebView中显示div String baseUrl = ""; String mimeType = "text/html"; String encoding = "UTF-8"; html = sb.toString(); String historyUrl = ""; webViewDataViewer.loadDataWithBaseURL(baseUrl, html, mimeType, encoding, historyUrl); 这是我的html: "&
String baseUrl = "";
String mimeType = "text/html";
String encoding = "UTF-8";
html = sb.toString();
String historyUrl = "";
webViewDataViewer.loadDataWithBaseURL(baseUrl, html, mimeType, encoding, historyUrl);
这是我的html:
"<html> "+
" <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />" +
" <head> <body> " +
" <script type='text/javascript' src='http://maps.googleapis.com/maps/api/js?sensor=true' ></script> " +
" <script type='text/javascript'>" +
" <div id='map_canvas' style='width:100%;height:100%;'></div>" +
" var locations = [ ['<h3>A1 A2</h3><img src='assets/user_26/thumb_0.jpg' alt='img' /><p>S, I</p><p>G</p><p>G, 4343, India</p>amit', 28.6392112, 77.3496616], ['<h3>F</h3><img src='' alt='img' /><p>Test</p><p>Test</p><p>Test, 355441, India</p>amit', 19.5851331, -99.0572702]," +
" ['<h3>B1</h3><img src='' alt='img' /><p>Test</p><p>Test</p><p>Test, 45665, India</p>am', 19.5851331, -99.0572702]," +
" ['<h3>C1</h3><img src='assets/user_34/thumb_userImage.png' alt='img' /><p>2134 Lawton st</p><p>San Francisco, 94122, United States</p>amit', 37.757809, -122.485946]," +
" ['<h3>D1</h3><img src='' alt='img' /><p>La</p><p>La</p><p>Abc, 110031, </p>amit', 30.0041868, -90.2159207]," +
" ['<h3>E1</h3><img src='assets/user_36/thumb_0.jpg' alt='img' /><p>US</p><p>US, 123456, United States</p>amit', 34.797063, -82.294022]," +
" ['<h3>G1</h3><img src='assets/user_38/thumb_0.jpg' alt='img' /><p>1 Market St</p><p>San Francisco, 94123, United States</p>amit', 37.7944988, -122.3947446]," +
" ['<h3>T0</h3><img src='' alt='img' /><p>Sfvf</p><p>Fgf</p><p>Fsv, 33133, India</p>amit', 25.7307897, -80.2377078], " +
" ['<h3>GT7</h3><img src='assets/user_45/thumb_0.jpg' alt='img' /><p>Newyork</p><p>Us</p><p>Hju, 4556, India</p>amit', 40.760118, -73.830034]," +
" ['<h3>R2</h3><img src='' alt='img' /><p>Asdfhjkkl</p><p>San Fran, 94104, United States</p>amit', 37.7911148, -122.4021273],];" +
" var count = 0; "+
" var total_lng = 0; var total_lat = 0; " +" total_lat += 28.6392112;"+
" total_lng += 77.3496616;"+
"count += 1; "+
" total_lat += 19.5851331;"+
" total_lng += -99.0572702;"+
" count += 1; " +
"total_lat += 19.5851331;"+
"total_lng += -99.0572702;"+
"count += 1;"+
"total_lat += 37.757809;"+
"total_lng += -122.485946;"+
"count += 1;" +
"total_lat += 30.0041868;"+
"total_lng += -90.2159207;"+
" count += 1; total_lat += 34.797063; total_lng += -82.294022;"+
" count += 1; total_lat += 37.7944988; total_lng += -122.3947446; "+
" count += 1; total_lat += 25.7307897; total_lng += -80.2377078;" +
" count += 1; total_lat += 40.760118; total_lng += -73.830034;"+
" count += 1; total_lat += 37.7911148; total_lng += -122.4021273;"+
" count += 1; "+
" if(count) {"+
" avg_lat = total_lat / count;"+
" avg_lng = total_lng / count; "+
" } else {"+
" avg_lat = 40;"+
" avg_lng = -96;"+
" }"+
"var mapOptions = "+
"{"+
" center: new google.maps.LatLng(avg_lat, avg_lng), "+
" zoom: 4,"+
" scrollwheel: false,"+
" streetViewControl: false,"+
" mapTypeId: google.maps.MapTypeId.ROADMAP,"+
" navigationControlOptions: {"+
" style: google.maps.NavigationControlStyle.SMALL"+
"}"+
"};"+
" var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);"+
" var infowindow = new google.maps.InfoWindow();"+
" var marker, i;"+
" if(locations.length > 0) {"+
" for (i = 0; i < locations.length; i++) "+
" { "+
" marker = new google.maps.Marker({"+
" position: new google.maps.LatLng(locations[i][1], locations[i][2]),"+
" map: map"+
" });"+
" google.maps.event.addListener(marker, 'click', (function(marker, i) {"+
" return function() {"+
" infowindow.setContent(locations[i][0]);"+
" infowindow.open(map, marker);"+
"}"+
" })(marker, i)); "+
"} "+
"} </script> "
" </body> </head> </html>"
“”+
" " +
" " +
" " +
" " +
" " +
“风险值位置=['a1a2S,IGG,4343,印度amit',28.6392112,77.3496616],'F测试测试测试,355441,印度amit',19.5851331,-99.0572702],”+
“['B1测试测试测试,45665,印度am',19.5851331,-99.0572702],”+
“['C12134劳顿街旧金山,94122,美国amit',37.757809,-122.485946],”+
“[D1LaLaAbc,110031,amit',30.0041868,-90.2159207],”+
“[E1USUS,123456,美国amit',34.797063,-82.294022],”+
“['G11市场街旧金山,94123,美国amit',37.7944988,-122.3947446],”+
“[T0SfvfFgfFsv,33133,印度amit',25.7307897,-80.2377078],”+
“['GT7纽约美国amit',40.760118,-73.830034],”+
“[R2Asdfhjkkl美国旧金山94104amit',37.7911148,-122.4021273]+
“变量计数=0;”+
“var total_lng=0;var total_lat=0;”+“total_lat+=28.6392112;”+
“液化天然气总量+=77.3496616;”+
“计数+=1;”+
“总纬度+=19.5851331;”+
“液化天然气总量+=-99.0572702;”+
“计数+=1;”+
“总纬度+=19.5851331;”+
“液化天然气总量+=-99.0572702;”+
“计数+=1;”+
“总纬度+=37.757809;”+
“液化天然气总量+=-122.485946;”+
“计数+=1;”+
“总纬度+=30.0041868;”+
“液化天然气总量+=-90.2159207;”+
“计数+=1;总纬度+=34.797063;总液化天然气+=-82.294022;”
“计数+=1;总纬度+=37.7944988;总液化天然气+=122.3947446;”+
“计数+=1;总纬度+=25.7307897;总液化天然气+=-80.2377078;”
“计数+=1;总纬度+=40.760118;总液化天然气+=-73.830034;”
“计数+=1;总纬度+=37.7911148;总液化天然气+=-122.4021273;”
“计数+=1;”+
“如果(计数){”+
“平均纬度=总纬度/计数;”+
“平均液化天然气=总液化天然气/计数;”
“}否则{”+
“平均纬度=40;”+
“平均液化天然气=-96;”+
" }"+
“变量映射选项=”+
"{"+
“中心:新的google.maps.LatLng(avg_-lat,avg_-lng),”+
缩放:4+
滚轮:错误+
streetViewControl:错误+
mapTypeId:google.maps.mapTypeId.ROADMAP+
“导航控制选项:{”+
“样式:google.maps.NavigationControlStyle.SMALL”+
"}"+
"};"+
var map=new google.maps.map(document.getElementById('map_canvas'),mapOptions)+
“var infowindow=new google.maps.infowindow();”+
“var marker,我+
“如果(locations.length>0){”+
“对于(i=0;i
这在Android浏览器中显示正确,但在Android WebView中未显示任何数据。我无法找出此处的错误所在。尝试这样做:
String html= "<html><body>You scored <b>192</b> points.</body></html>";
webview.loadData(html, "text/html", null);
String html=“你得了192分。”;
loadData(html,“text/html”,空);
对于corse,请用您的html替换我给出的html示例。尝试这样做:
String html= "<html><body>You scored <b>192</b> points.</body></html>";
webview.loadData(html, "text/html", null);
String html = " ... your html here ..."
webView = (WebView) findViewById(R.id.your_webview);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadData(html,"text/html", "UTF-8");
String html=“你得了192分。”;
loadData(html,“text/html”,空);
对于corse,用您的html替换我给出的html示例
String html = " ... your html here ..."
webView = (WebView) findViewById(R.id.your_webview);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadData(html,"text/html", "UTF-8");
您是否在webview上启用了javascript
您是否在webview上启用了javascript?未使用webview.loadData(html、“text/html”、“UTF-8”);在webview中显示错误您是否尝试过我的示例中的html?尝试使用webview时不工作