как отобразить карту страны с помощью пакета Webview_flutter?

В своем исследовании я хотел показать карту с использованием html-кода. Проблема в том, что карта не отображается, а отображается html-код карты. Пожалуйста, помогите мне. Вот код ниже:

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:webview_flutter/webview_flutter.dart';

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}



class _HomeScreenState extends State<HomeScreen> {
  WebViewController _controller;
  String _inital = "Carte de la françe";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("$_inital"),
          centerTitle: true,
        ),
        body: 
        WebView(
          onWebViewCreated: (WebViewController webViewController) {
            _controller = webViewController;
            _loadHtmlFromAssets();
          },
          initialUrl: 'assets/pages/samplepage.html',
          
          javascriptMode: JavascriptMode.unrestricted,
          
        ));
  }

 _loadHtmlFromAssets() async {
    String fileText =
        await rootBundle.loadString('assets/pages/samplepage.html');
    _controller.loadUrl(Uri.dataFromString(fileText,
            mimeType: 'text/javascript',base64: true,  encoding: Encoding.getByName('utf-8'), )
        .toString());
  } 
}

0 ответов

Другие вопросы по тегам