BIGEMPA Js API示例中心
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /> <!-- 以下CSS地址请在安装软件了替换成本地的地址 CSS地址请使用: http://localhost:9000/bigemap.js/v2.1.0/bigemap.css 软件下载地址 http://www.bigemap.com/reader/download/detail201802017.html --> <link href="http://www.bigemap.com:9000/bigemap.js/v2.1.0/bigemap.css" rel="stylesheet" /> <!-- JS地址请使用: http://localhost:9000/bigemap.js/v2.1.0/bigemap.js --> <script src="http://www.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>Baidu Map</title> </head> <body> <div id="map"></div> <script> BM.Config.HTTP_URL = "http://www.bigemap.com:9000"; // 在ID为map的元素中实例化一个地图,并设置地图的ID号为空,后续进行添加,并设置地图的投影为所叠加地图投影 ,中心点,默认的级别和显示级别控件 var map = BM.map("map", null, { center: [30.66272216, 104.06387329], zoom: 3, zoomControl: true, attributionControl: false, maxZoom: 13, }); BM.marker(map.getCenter()).addTo(map); //全国的数据下载到了 5级,成都的数据下载了 14级 var layer1 = BM.tileLayer("bigemap.ctfzk21h"); var layer2 = BM.tileLayer("bigemap.9ss9fohh"); map.setMaxZoom(13); layer1.addTo(map); layer2.addTo(map) layer1.on("loading", () => { Object.assign(layer1.options, { maxNativeZoom: 5, maxZoom: 13, }); }); layer2.on("loading", () => { Object.assign(layer2.options, { maxZoom: 13, }); }); </script> </body> </html>