Skip to content

Hello World

html
    <!DOCTYPE html>
    <html>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name=renderer content=webkit>
    <title>地图-基本地图</title>
    </title>
    <!-- core -->
    <link rel="stylesheet" href="https://deyihu-static-public-1300406971.cos.ap-shanghai.myqcloud.com/yymap@latest/dist/yy.min.css" />
    <script type="text/javascript" src="https://deyihu-static-public-1300406971.cos.ap-shanghai.myqcloud.com/yymap@latest/dist/yy.min.js"></script>
    <!-- gl render plugin -->
    <script src="https://deyihu-static-public-1300406971.cos.ap-shanghai.myqcloud.com/yymap@latest/dist/yymap-gl.min.js"></script>
    <!-- 3d visual lib -->
    <script type="text/javascript" src="https://deyihu-static-public-1300406971.cos.ap-shanghai.myqcloud.com/yymap-geovgl-new@latest/dist/yymap-geovgl.min.js"></script>
    <script type="text/javascript">
        function getAssetPath() {
            return 'http://58.211.183.162:8941/yymap-examples-static/';
        }
    </script>
    <style type="text/css">
        html,
        body {
            margin: 0px;
            height: 100%;
            width: 100%;
        }

        .container {
            width: 100%;
            height: 100%;
        }
    </style>

    <body>

        <div id="map" class="container"></div>
        <script>
            const map = new YY.Map('map', {
                centerCross: true,
                // bearing:-90,
                center: [120.34, 31.309622415877158],
                // pitch:40,
                // overviewControl:true,

                zoom: 6,
                // minZoom:4
            });

            const googleTileLayer = YY.LayerLookup.lookup('amap');
            map.addBaseLayer(googleTileLayer);

            map.on('click', function(e) {
                console.log(e.coordinate.toArray());
            })
        </script>
    </body>

    </html>

This document is generated by vitepress and Edit by deyihu