Android Question OpenStreetMap

Sergey_New

Well-Known Member
Licensed User
Longtime User
I'm creating a map using WebView.
B4X:
HtmlCode=$"
<!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/>
        <style>html, body, #map {width: 100%;height: 100%;margin: 0;padding: 0;}</style>
</head><body>
      </head>
      <body>
        <div id="map"></div>
        <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js" integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==" crossorigin=""></script>
          <script>
             var mapOptions = {center: [52.5200066, 13.404954], zoom: 10, attributionControl: false}
             var map = new L.map('map', mapOptions);
             var layer = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
             map.addLayer(layer);
             var attrOptions = {prefix: 'OpenStreetMap'};
             var attr = L.control.attribution(attrOptions);
             attr.addTo(map);
             var marker1 = L.marker([52.5200066, 13.404954]).addTo(map)
             .bindPopup('Berlin')
          </script>
      </body>
</html>
"$
WV.LoadHtml(HtmlCode)
It works well on the device, but on the emulator only the location is displayed without the map itself.
The emulator has internet.
What could be the reason?
 
Top