Я пытаюсь показать карту ветреной погоды в моем приложении для Android.Я создал веб-страницу HTML, чтобы загрузить их в веб-просмотра Android.После загрузки веб-страницы карта не отображается, хотя этот скрипт работает на веб-браузере компьютера.Ниже приведен код для html файла
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<script src="https://unpkg.com/leaflet@0.7.7/dist/leaflet.js"></script>
<script src="https://api4.windy.com/assets/libBoot.js"></script>
<style>
#windy {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<p>This is map</p>
<div id="windy"></div>
<script>
const options = {
key: 'lq0BC9vwXFVfQqf26vLZYsUw1UU'
}
windyInit( options, windyAPI => {
// All the params are stored in windyAPI.store
const { overlays, broadcast } = windyAPI
var windMetric = overlays.wind.metric
// 'kt' .. actually selected metric for wind overlay
// Read only value! Do not modify.
overlays.wind.listMetrics()
// ['kt', 'bft', 'm/s', 'km/h', 'mph'] .. available metrics
overlays.wind.setMetric('bft')
// Metric for wind was changed to bft
broadcast.on('metricChanged', (overlay,newMetric) => {
// Any changes of any metric can be observed here
})
})
</script>
</body>
</html>
Код для загрузки веб-просмотра
webView.loadUrl("file:///android_asset/windy_radar.html")
webView.settings.javaScriptEnabled=true