How does Tencent Map js sdk display the map on the page

want to use Tencent Map js sdk in APP to find that this is written in the official website tutorial

// SDK
var QQMapWX = require("../../libs/qqmap-wx-jssdk.js");
var qqmapsdk;
Page({
 
    onLoad: function () {
        // API
        qqmapsdk = new QQMapWX({
            key: "key"
        });
    },
    onShow: function () {
        // 
        qqmapsdk.search({
            keyword: "",
            success: function (res) {
                console.log(res);
            },
            fail: function (res) {
                console.log(res);
            },
        complete: function (res) {
            console.log(res);
        }
    });
 
 
})

this allows you to call the interface, but how can the map be displayed on the page?
still can only use the following methods

<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
<script>
 var map = new qq.maps.Map(document.getElementById("container"), {
            center: new qq.maps.LatLng(39.916527,116.397128),      // 
            zoom:8                                                 // 
        });
Jan.27,2022
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eabaac-46db7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eabaac-46db7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?