javascript — Leaftlet не показывает карту

Leaftlet не показывает карту

Я хочу отобразить карту на устройстве Android. Я вижу контроллер зума и маркет. Но карта не отображается.

Я следую примеру leftlet, если я передаю свой код в html, карта отображается, но не в Android.

Изображение проблемы

Деятельность :

 override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_map) Log.d("-----{amp}gt;Map", "") // init webView // displaying content in WebView from html file that stored in assets folder webView = map_location //webView.clearCache(true) //webView.clearHistory() webView.getSettings().setJavaScriptEnabled(true); webView.loadUrl("file:///android_asset/map.html"); } 

HTML:

 {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /{amp}gt; {amp}lt;script src="./leaflet.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;link rel="stylesheet" href="./leaflet.css"{amp}gt; {amp}lt;style{amp}gt; body { padding: 0; margin: 0; } html, body, #map { height: 100%; width: 100vw; } {amp}lt;/style{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div id="map"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;script{amp}gt; var map = L.map('map').setView([41.66, -4.72], 10); L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { maxZoom: 18, attribution: 'Map data {amp}amp;copy; {amp}lt;a href="https://www.openstreetmap.org/"{amp}gt;OpenStreetMap{amp}lt;/a{amp}gt; contributors, '   '{amp}lt;a href="https://creativecommons.org/licenses/by-sa/2.0/"{amp}gt;CC-BY-SA{amp}lt;/a{amp}gt;, '   'Imagery © {amp}lt;a href="https://www.mapbox.com/"{amp}gt;Mapbox{amp}lt;/a{amp}gt;', id: 'mapbox.streets' }).addTo(map); map.locate({setView: true, maxZoom: 16}); //L.control.scale().addTo(map); L.marker([41.66, -4.71], {draggable: true}).addTo(map); {amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; 

Я ожидаю, что полная карта может быть отображена

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector