hemall.terabimsoft.com.cn/plugins/shop_server/.nuxt/dist/server/components/micro-home-map.js

exports.ids = [24];
exports.modules = {

/***/ 257:
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(284);
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add CSS to SSR context
var add = __webpack_require__(4).default
module.exports.__inject__ = function (context) {
  add("482f05de", content, true, context)
};

/***/ }),

/***/ 258:
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(286);
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add CSS to SSR context
var add = __webpack_require__(4).default
module.exports.__inject__ = function (context) {
  add("4cc0ff7c", content, true, context)
};

/***/ }),

/***/ 283:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_map_vue_vue_type_style_index_0_id_5064c234_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(257);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_map_vue_vue_type_style_index_0_id_5064c234_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_map_vue_vue_type_style_index_0_id_5064c234_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_map_vue_vue_type_style_index_0_id_5064c234_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_map_vue_vue_type_style_index_0_id_5064c234_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ 284:
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".col_red[data-v-5064c234]{color:#f11111}.col_green[data-v-5064c234]{color:#44be95}.col_white[data-v-5064c234]{color:#fff}.flex-col[data-v-5064c234]{flex-direction:column}.flex-j-c[data-v-5064c234]{justify-content:center}.flex-j-sb[data-v-5064c234]{justify-content:space-between}.flex-j-ar[data-v-5064c234]{justify-content:space-around}.flex-a-c[data-v-5064c234]{align-items:center}.flex-a-e[data-v-5064c234]{align-items:flex-end}.w[data-v-5064c234]{width:1200px}.m-auto[data-v-5064c234]{margin:0 auto}.height-one[data-v-5064c234]{height:100%}.flex[data-v-5064c234]{display:flex}.text-overflow[data-v-5064c234]{-webkit-line-clamp:4}.text-overflow[data-v-5064c234],.text-overflow-2[data-v-5064c234]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-overflow-2[data-v-5064c234]{-webkit-line-clamp:2}.text-overflow-3[data-v-5064c234]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.overflow-hide[data-v-5064c234],.text-overflow-3[data-v-5064c234]{overflow:hidden;text-overflow:ellipsis}.overflow-hide[data-v-5064c234]{white-space:nowrap}.hiddenScroll[data-v-5064c234]{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll}.hiddenScroll[data-v-5064c234]::-webkit-scrollbar{display:none}.finger-point[data-v-5064c234]{cursor:pointer}.cursor-default[data-v-5064c234]{cursor:default}.el-icon-circle-close[data-v-5064c234]{color:#fff}#map-wrapper[data-v-5064c234]{width:100%;height:45vh}", ""]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___;


/***/ }),

/***/ 285:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_3_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_map_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(258);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_3_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_map_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_3_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_map_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_3_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_map_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_3_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_map_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ 286:
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".amap-sug-result{z-index:2500}", ""]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___;


/***/ }),

/***/ 367:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/microHome/map.vue?vue&type=template&id=5064c234&scoped=true&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-dialog',{staticClass:"dialog-images-manager",attrs:{"title":"选择坐标","visible":_vm.visible,"width":"960px"},on:{"close":_vm.handle_cancel}},[_c('div',{staticStyle:{"height":"50vh","overflow":"auto"}},[_c('el-input',{staticStyle:{"width":"80%","margin-bottom":"10px","margin-right":"10px"},attrs:{"id":"tipinput","placeholder":"请输入关键字搜索地址"},model:{value:(_vm.keywords),callback:function ($$v) {_vm.keywords=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:"keywords"}}),_vm._v(" "),_c('el-button',{staticStyle:{"width":"90px"},attrs:{"type":"primary"},on:{"click":function($event){$event.stopPropagation();return _vm.search.apply(null, arguments)}}},[_vm._v("搜索")]),_vm._v(" "),_c('div',{attrs:{"id":"map-wrapper"}})],1),_vm._v(" "),_c('span',{staticClass:"dialog-footer",attrs:{"slot":"footer"},slot:"footer"},[_c('el-button',{on:{"click":_vm.handle_cancel}},[_vm._v("取 消")]),_vm._v(" "),_c('el-button',{attrs:{"type":"primary"},on:{"click":_vm.handle_confirm}},[_vm._v("确 定")])],1)])}
var staticRenderFns = []


// CONCATENATED MODULE: ./components/microHome/map.vue?vue&type=template&id=5064c234&scoped=true&

// CONCATENATED MODULE: ./node_modules/_babel-loader@8.2.3@babel-loader/lib??ref--2-0!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/microHome/map.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
// 拖拽
/* harmony default export */ var mapvue_type_script_lang_js_ = ({
  name: 'map-choose',

  data() {
    return {
      location: {
        address: '地址',
        lng: "",
        lat: "",
        city: ""
      },
      keywords: '',
      visible: false,
      placeSearch: null,
      map: null
    };
  },

  watch: {},

  mounted() {},

  methods: {
    initMap() {
      let that = this;

      if (this.location.lng) {
        this.map = new AMap.Map('map-wrapper', {
          resizeEnable: true,
          //是否监控地图容器尺寸变化
          zoom: 15,
          //指定缩放级别
          viewMode: '3D',
          center: [this.location.lng, this.location.lat] //初始化地图中心点

        });
      } else {
        this.map = new AMap.Map('map-wrapper', {
          resizeEnable: true,
          //是否监控地图容器尺寸变化
          zoom: 10,
          //指定缩放级别
          viewMode: '3D'
        });
      } //经纬度转地址  逆地址解析


      var geocoder = new AMap.Geocoder({
        radius: 1000 //范围，默认：500

      });
      AMap.plugin(['AMap.ControlBar'], () => {
        // 添加 3D 罗盘控制
        this.map.addControl(new AMap.ControlBar());
      }); // 创建一个 Marker 实例：

      var marker = new AMap.Marker({
        position: new AMap.LngLat(116.39, 39.9),
        // icon: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
        // 设置是否可以拖拽
        draggable: true,
        cursor: 'move' // 设置拖拽效果
        // raiseOnDrag: true
        // 	title: '北京'

      }); // 将创建的点标记添加到已有的地图实例：

      this.map.add(marker);
      this.map.on('click', ev => {
        // 触发事件的对象
        // var target = ev.target;
        // 触发事件的地理坐标，AMap.LngLat 类型
        // var lnglat = ev.lnglat;
        // 触发事件的像素坐标，AMap.Pixel 类型
        // var pixel = ev.pixel;
        // 触发事件类型
        // var type = ev.type;
        that.location.lng = ev.lnglat.lng;
        that.location.lat = ev.lnglat.lat;
        marker.setPosition([ev.lnglat.lng, ev.lnglat.lat]); //更新点标记位置

        geocoder.getAddress([ev.lnglat.lng, ev.lnglat.lat], function (status, result) {
          if (status === 'complete' && result.regeocode) {
            // console.log(result.regeocode.addressComponent)
            that.location.city = result.regeocode.addressComponent.city || result.regeocode.addressComponent.province;
            that.location.address = result.regeocode.formattedAddress; // console.log(that.location,'click')
          } else {
            that.location.city = "";
            that.location.address = '';
            console.error('根据经纬度查询地址失败');
          }
        }); // console.log(target,lnglat,pixel,type)
      });
      marker.on('dragend', showInfoM);

      function showInfoM(e) {
        // console.log(e,'您拖拽了marker！')
        that.location.lng = e.lnglat.lng;
        that.location.lat = e.lnglat.lat;
        geocoder.getAddress([e.lnglat.lng, e.lnglat.lat], function (status, result) {
          if (status === 'complete' && result.regeocode) {
            that.location.city = result.regeocode.addressComponent.city || result.regeocode.addressComponent.province;
            that.location.address = result.regeocode.formattedAddress; // console.log(that.location,'dragend')
          } else {
            that.location.address = '';
            console.error('根据经纬度查询地址失败');
          }
        });
      } //输入提示


      var autoOptions = {
        input: "tipinput"
      };
      var auto = new AMap.Autocomplete(autoOptions);
      this.placeSearch = new AMap.PlaceSearch({
        map: this.map
      }); //构造地点查询类

      AMap.event.addListener(auto, "select", this.select); //注册监听，当选中某条记录时会触发

      AMap.event.addListener(this.placeSearch, 'markerClick', function (e) {
        that.map.remove(marker); // console.log(e.data,"e.data")

        that.location.lng = e.data.location.lng;
        that.location.lat = e.data.location.lat;
        that.location.city = e.data.cityname || e.data.pname;
        that.location.address = e.data.pname + e.data.cityname + e.data.adname + e.data.address; // console.log(that.location,'markerClick')
      });
    },

    select(e) {
      this.placeSearch.setCity(e.poi.adcode);
      this.placeSearch.search(e.poi.name); //关键字查询查询
    },

    search() {
      this.placeSearch.search(this.keywords, function (status, result) {// 搜索成功时，result即是对应的匹配数据
        // console.log(status,result)
      });
    },

    destroyMap() {
      this.map && this.map.destroy();
    },

    show(location) {
      this.visible = true;

      if (location) {
        this.location = location;
      } // 延迟1秒让弹窗初始化地图


      setTimeout(() => {
        this.initMap();
      }, 1000);
    },

    /**
     * 弹窗按钮 - 确认
     */
    handle_confirm() {
      this.$emit('confirm', this.location);
      this.destroyMap();
      this.visible = false;
    },

    /**
     * 弹窗按钮 - 取消
     */
    handle_cancel() {
      this.destroyMap();
      this.visible = false;
    }

  }
});
// CONCATENATED MODULE: ./components/microHome/map.vue?vue&type=script&lang=js&
 /* harmony default export */ var microHome_mapvue_type_script_lang_js_ = (mapvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);

// CONCATENATED MODULE: ./components/microHome/map.vue



function injectStyles (context) {
  
  var style0 = __webpack_require__(283)
if (style0.__inject__) style0.__inject__(context)
var style1 = __webpack_require__(285)
if (style1.__inject__) style1.__inject__(context)

}

/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  microHome_mapvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  injectStyles,
  "5064c234",
  "cf0893be"
  
)

/* harmony default export */ var map = __webpack_exports__["default"] = (component.exports);

/***/ })

};;
//# sourceMappingURL=micro-home-map.js.map