Can Amap's js sdk be directly used in the APP packaged by APPCAN?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    html,body,-sharpmap{
        height: 100%;
    }
    </style>
    <script src="http://webapi.amap.com/maps?v=1.3&key=857c961ad147d8f8335245f4c97fee9f&plugin=AMap.Geocoder,AMap.MarkerClusterer"></script>
</head>
<body>
    <div id="map">

    </div>
    <script>
        new AMap.Map("map", {
            resizeEnable: true,
            center: [116,39],
            zoom: 13, 
            mapStyle: "blue_night" //
        });

    </script>
</body>
</html>

as shown in the figure above, the map is initialized by Amap"s js web side, which is normal in the debugging center and preview of appcan. After online packaging, the installation of app found that it could not be opened normally, and app flashed. I would like to know the reason