BIGEMPA Js API示例中心
航拍圖離線發布源代碼展示

代碼編輯區運行下載還原
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta
            name="viewport"
            content="initial-scale=1,maximum-scale=1,user-scalable=no"
        />
        <link
            href="http://bigemap.com:9000/bigemap.js/v2.1.0/bigemap.css"
            rel="stylesheet"
        />
        <script src="http://bigemap.com:9000/bigemap.js/v2.1.0/bigemap.js"></script>
        <style>
            body {
                margin: 0;
                padding: 0;
            }
            #map {
                position: absolute;
                top: 0;
                bottom: 0;
                width: 100%;
            }
        </style>
        <title>中科星圖</title>
    </head>
    <body>
        <div id="map"></div>

        <script>
            BM.Config.HTTP_URL = "http://bigemap.com:9000";
            var overlevel = false;
            var map = BM.map("map", null, {
                center: [23.038867165613535, 113.47956021551684],
                zoom: 16,
                zoomControl: true,
                minZoom: 3,
                maxZoom: 22,
            });
            // 底圖圖層
            var newMarker = BM.marker(map.getCenter()).addTo(map);
            // 疊加航拍圖層
            var baseMap = BM.tileLayer("bigemap.zhongkexingtu").addTo(map);
            baseMap.on("loading", function () {
                // console.log(`11111`);
                var options = { maxNativeZoom: 18, maxZoom: 22,opacity:0.6};
                Object.assign(baseMap.options, options);
            });

            var topMap = BM.tileLayer("bigemap.773nfa3w").addTo(map);

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