mtl-js-sdk/lib/platforms/h5/static/js/map/loadMap.js

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.loadMapHTML = loadMapHTML;
exports.loadMapStyle = loadMapStyle;

function loadMapHTML() {
  var amap = document.createElement("div");
  amap.id = "mtl_amap";
  amap.innerHTML = "\n      <div id=\"mtl_map_navbar\">\n        <span id=\"mtl_map_navbar_back\">&lt;</span>\n        <span id=\"mtl_map_navbar_addr\">\u5B9A\u4F4D\u4E2D...</span>\n        <span id=\"mtl_map_navbar_confirm\">\u786E\u5B9A</span>\n      </div>\n      <div id=\"mtl_map_container\"></div>\n      <div id=\"mtl_map_list_container\">\n        <ul id=\"mtl_map_addrlist\"></ul>\n      </div>\n      ";
  document.getElementsByTagName("body")[0].append(amap);
  return amap;
}

function loadMapStyle() {
  var styles = document.createElement("style");
  styles.innerText = "\n    *{\n      margin: 0;\n      padding: 0;\n    }\n    #mtl_amap {\n        display: flex;\n        flex-direction: column;\n        background: white;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        z-index: 996;\n    }\n    #mtl_map_container {\n        flex: 2;\n    }\n    #mtl_map_navbar {\n        display: flex;\n        align-items: center;\n        height: 3rem;\n        text-align: center;\n        background: white;\n    }\n    #mtl_map_navbar_back{\n        flex: 1;\n    }\n    #mtl_map_navbar_confirm{\n        flex: 1;\n    }\n    #mtl_map_navbar_addr{\n        flex: 8;\n    }\n    #mtl_map_list_container{\n        flex: 1;\n        overflow: auto;\n        overflow-x: hidden;\n    }\n    #mtl_map_addrlist{\n        list-style-type: none;\n    }\n    #mtl_map_addrlist>li{\n        display: flex;\n        align-items: center;\n        margin: 2px;\n        padding: 2px;\n        border-bottom: 1px solid gray;\n    }\n    #mtl_map_addrlist>li>div{\n        flex: 9;\n    }\n    #mtl_map_addrlist>li>span{\n        flex: 1;\n        color:tomato;\n    }\n    #mtl_map_addrlist>li>div>span{\n      color:gray;\n      font-size: 0.8rem;\n    }\n    \n      ";
  document.getElementsByTagName("head")[0].append(styles);
  return styles;
}