2020-01-06 17:51:11 版本 : 离线地图组件(rview-c)
作者: 陈婉 于 2020年01月03日 发布在分类 / 人防组 / 人防前端 下,并于 2020年01月06日 编辑
 历史版本
修改日期 修改人 备注
2020-01-07 08:44:47[当前版本] 陈婉 格式调整
2020-01-06 17:52:35 陈婉 格式调整
2020-01-06 17:51:11 陈婉 格式调整
2020-01-06 17:49:32 陈婉 格式调整


使用说明

在项目中安装leaflet、jquery

"leaflet": "^1.5.1",
"jquery": "^3.4.1",

在main.js中引入leftlet组件样式 

import "leaflet/dist/leaflet.css";

工程图标转成base64

在线网址：http://www.bejson.com/ui/image2base64/

保证rview-c在1.1.77以上

注意事项

  1. 如果地图不显示，请确认地图的层级

  2. 如果地图不能拖拽，请检查地图边界是否设置正确

  3. leaflet地图与百度地图经纬度有偏差

测距

  1. npm i leaflet-measure
  2. 在main.js中引入
  3. import "leaflet-measure/dist/leaflet-measure.js";//地图测距
  4. import "leaflet-measure/dist/leaflet-measure.css";//地图测距样式

参数

参数名称 数据类型 说明 是否必填
detailTitle String 弹窗标题 不必填
initData Object 初始化地图需要的参数 必填

initData参 数

参数名称 数据类型 说明 是否必填
southWest Object 地图西南边界 必填
northEast Object 地图东北边界 必填
centerPoint Object 地图中心点 必填
zoom int 当前显示层级 必填
minZoom int 最小层级 必填
maxZoom int 最大层级 必填
mapUrl String 地图路径 必填
measureControl Boolean 有无测距功能 必填

参数示例 

detailTitle:"",//弹窗标题,不必填
initData:{//初始化地图，必填
		southWest: {//西南边界
          lat: "11.93693434739505",
          lng: "68.29101562500001"
        },
     	northEast: {//东北边界
          lat: "55.4146519304482",
          lng: "145.67871093750003"
        },
     	centerPoint: {//地图中心点
          lat: "31.239207",
          lng: "121.479518"
        },
        zoom: 7,//当前显示层级
        minZoom: 5,//最小层级
        maxZoom: 10,//最大层级
        mapUrl: "http://192.168.199.162:9009/arctiler/osgeo/services/China/TMS/{z}/{x}/{y}.png",//地图路径 
        measureControl: true//有无测距功能
}

方法

方法名称 方法说明
initPage 地图上点调取详情页面是获取的方法
htmlP 对工程数据进行处理

使用示例

show.vue 

<style lang="less" scoped>
</style>
<template>
  <OfflinMap1 ref="OfflinMap1" style="width:100%;height:100%;" :detailTitle="detailTitle" @handle-initPage="initPage">
    <pigeonholeDetail slot="modal-detail-page" ref="pigeonholeDetail"></pigeonholeDetail>
  </OfflinMap1>
</template>
<script>
import listData from './data.json'//假的工程数据
import pigeonholeDetail from './pigeonhole-detail'//工程弹窗中的详情弹窗
export default {
  data() {
    return {
      detailTitle: "工程详情",//弹窗标题
      listDataRe: [],//工程数据
      //初始化地图参数
      initData: {
        southWest: {//西南边界
          lat: "11.93693434739505",
          lng: "68.29101562500001"
        },
        northEast: {//东北边界
          lat: "55.4146519304482",
          lng: "145.67871093750003"
        },
        centerPoint: {//地图中心点
          lat: "31.239207",
          lng: "121.479518"
        },
        zoom: 7,
        minZoom: 5,
        maxZoom: 10,
        mapUrl: "http://192.168.199.162:9009/arctiler/osgeo/services/China/TMS/{z}/{x}/{y}.png",
        measureControl: true//有无测距功能
      },
    }
  },
  components: {
    pigeonholeDetail
  },
  methods: {
    //
    initPage() {
      this.$refs.pigeonholeDetail.initPage()
    },
    //拼接工程弹窗中展示的内容
    htmlP() {
      this.listDataRe = this.$helper.deepClone(listData);

      this.listDataRe.forEach(element => {
        let use = "";
        element.wartimeUse.forEach(element => {
          use += element + ",";
        });
        let htmlP =
          "<p>工程名称：" + "\xa0\xa0" + element.projectName + "</p>";
        htmlP += "<p>工程编码：" + "\xa0\xa0" + element.projectId + "</p>";
        htmlP += "<p>竣工时间：" + "\xa0\xa0" + element.completedTime + "</p>";
        htmlP +=
          "<p>经 纬 度：" +
          "\xa0\xa0" +
          element.latitude +
          "," +
          element.longitude +
          "</p>";
        htmlP += "<p>战时用途：" + "\xa0\xa0" + use.trim(",") + "</p>";
        element.htmlP = htmlP;
        element.projectNature = "00" + parseInt(8 * Math.random() + 1);
        // element.iconUrl = "../../../../static/images/2.png";
        element.iconUrl="";
        switch (element.projectNature) {
          case '001'://指挥工程
            element.iconUrl = "data:image/png;base64,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";
            break;
          case '002'://通信工程
            element.iconUrl = "data:image/png;base64,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";
            break;
          case '003'://观察工程
            element.iconUrl = "data:image/png;base64,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";
            break;
          case '004'://射击工程
            element.iconUrl = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAJvUlEQVRogb2aaYyVVxnHf/fOcmeTpSCbAo7oTC2WFpBoWqCl1CiS0C2hVokmmhht4hr9YOrywZi4RU20qSZ+sFFTo4mIWm3FgQYFBaRR6FAY2lJ2xIEO09mXe/3wfx7Oc9+5wAyMPcnJ+973nuX5P8v/POe8b274kQ1McqkHZgAFoM6eDQCDwHmgfzInq56EMaYCLUAzsABoukr7HuA4cBToAC5ez+TXCiAHtALvAhbaby9DSNN9SPMgSzQgyzQBN1l9H3AM+AdwGChNVJBrAdAKrAVm2e9h4IgJcAzoukr/aQh0i9U3WT0HtNk44y4TATAFWI8AgATdBewnaXo8pcvqv5FllgC3IYU8hAA8CXSPZ7DxAlgE3A80mrDbgH3AaGiTN4EKQA1QZc8AitZ2GAXzgD0bAPbYWMuBu5CC3gj8BnhxMgCsANaZMB3A71AgemlAfl1PioUc5XHhxX28iNioB8XKqAE5CGxArrUJeArYfT0A7gDW2MRtwN+CEPXAdKTtnAGMV8I1BmfJADQhiw4BrxiQHuAJYCWyxjqb55lrAbDChB8FtiBfxwScgTSfDzULIgLICh+veeT/fUCnPf8ripN7gTuBXmDvRAC8BaEvZYSvBV6PtJ4n+Xm8vxyA6D4lpJii1TyySC1ioyHggPW/z2TpQmxXVvLZB4ht7rP/tgfh64DZpACtDrUm1FqrBeDzwFftvhD+q8nc+zgFYA5pBd9vMuQRiUwZD4D1yDc7kCkhaT4reHUQxIWuQy42F1HkLcA861+fAROBx/Fm2RWTocP6rs8Km3WhVqsDyHXcR6PwEUS8fx1ij2Um9FxgprX5EXAWeA5RZgcK3FESvUbmchCnkYttAT4Z5Lu02EUAObTCgni+1+5nUM7r0W38fhnwALDa+pRMwBHSWvE24O3A+4FnEc/vtDY+fywFU8A5k2UbSj3WmgJKWQA3Guou0xLIbM42UdsufC2Kl89Y+9NohT0CnAA+ZP0fA96AyGGJAV4GPI5os4+xAV9Cge1rxT9JK/aNwPNZAO+w666gtek2cBVjXagGeBh40Nr+AfiLacyt1W/tOoH/Is0/jeh5A/BhYD7wLRMyC6BkMvQhV9qFrLDCAXgQTwHejOjrX/asgXLXcRCu/QdM+BHgUeAXKAv1QJ6J3G8qiVnqkDv8Fvgu8CpasD4axq2inJ49k8VkG0Kp+xSAqq+sbgWZtcVQHQjar62g9RrgVuCLZp3HkC87C70V2IgWoXkouN9pzweACybYf4AXkCstRfuDExnte80hVxpFVD4bxdgpt0CzXV+yax75f1yYXDNNwEfs/6eRWZ1G7wS+gBKzY8Afgd+joGtFTHJPaN+BXA/gY2axKsqtkCPFIaQErxlSDCy061G71gXB4ypbhdhkmWlwM8kya4APAO3AVuROPsZeYAfKcdZZn80211ZkoWZk2bbMfKM2Tj1yv5et33zXdKPVfmQWkCvkMjVvz2+zNntQcFUbqAcRz/8aMZm7VK0ppAfl+buBdyMrVaHg9IxzJeU5VlRiwdq8YrI2AXV5tEPyP7x4hhkHcLC3oEA6RIqNu9Bi9FToX4ss20x52tCGWGktKcYOog3MzShmsklizvp6cVln5K0DlNNYVbiPViigwOxEXJ8HbkD+3Y426A5qFcpf7kUaL9jzURN4Idq45NEm/zSJteKq7NcIwGWtrw5/DIYGlbLJjyMmccCbSKzQgHzT/bYZxYknZYtRKrHf/j9uY28ETto4M63tw6aMH2bmj/cua2Eie+KF6NgEBHoBorip9syDDZK2vVSTiMHbutA5G8e5fh5yp8sJX1aqke/6pF6KFdo+gha7nyCG+Sbi9WbgSyhVaLe2L1ldZJOfQpSJCTsXWeJxFPgDiH5vQqvyPsbu4uJvl3WwGq2GkDQAKZWInYrW9izKTueYkCcR/baghGsUBfmfketUo4DvJm1iWlEcnbDfM0i7stMZgf3qSR+IUgH686RznOmhwXC4jytiH1qtG0wI313tMFCrbaIRxNn7EEVeDM+XI3fciai1aEBnGtDeMG5U4FC4v8Gu5/PWoZe0SQcFSdy7eu1HKy8oofKFZrcJdAdin7xN6HXQ2i1ByVg72qh4LCy1Mf8eQMVaIgXuNJO1BxjwQDuG/G8+4lg/qIqacDAHgDPIv9egDDQP/MoA3Y2sc5CU28xDKfAiZMGfI2uOGKjFJtAeyvfKcV6XyYnkBCSmeNkAtCCqK9oETWEw19YFFMhfRinx8waoD/gZoshVwHuQKxZR0J1HudFW0+YwYrCNiNV+auP4XNECfnaEyQiW9jjfHzKkLaS9aE/QgA84alrbbsJMBz6HFiR3le3At4EfoKAfQRnrd6xPv7WdCnzKrPMsSvqGSbs4ryXSMWOtyVgymS8B6DZEtShVwFAPVbDAiE30KArSWcBngdsNwKAJ/hyy7Cm0S7tg/w3ZHJ9G7nAE+AaKQw/0aIFB0vb2VpPxqIOKi81exPO3m2BFFA+zA4CYYL0KfB2lwe+16woTdj9yGWeRAbQBWYLynRU2xi7gxwbOtZ8F0Wlj5EmJ5KVDrgjgENoOzkLbS882e1D6EHMi5+RO4HtokdqE2GQpSrVPI7qsQa4yB7kLyI1+idymi2TVYcrdp5uU9yxHDHTOZB0DwM8/H0LZZTsynW8TL3feWUK5/V6U/6xEmp4dxl5mQh5AVLkHMZ9ru5L2B0nabySdmLSFucecCx222op2Tk8gM55DGoQUN/GosIjY5xQ6iJ2CKPkTiLO/b/9dJK3IMaai4CMoTs6Q8qt7UC7l8l0qlZK5J23yFkSHO2zAcyStOkdHAKNoHRhGbnHS+jehRS5yeiSFCMTTkDOklXeVydKPWKysVALQjQ6dPogWqi7SW5gzBsKp1gVy4bMbka+FcSMAp+ZIz+42Z0mr7hLS8f5mKrwQvFw6/YKhXY/MV0L+O4RcYSbSrAuUD9fsO4JYssfrkS670dmRZ8I329w55BUd2cGuBAAUlI3opOF+tPDsJMVED0qqCgFA3IaOB4DnOJ0ktskhKl9r989wmXcDVwOAde5HPH83Wni2IHbqs9qAaLYxCO+CVDouxITvRWtJb2jTiLTuq+2fuM5XTNgA59EZaAs629mGzio9T+kjnaLVkTbrDqJIYhd/yZd9Qbgcad1P7zYjV75iyU3gU4PJes0aS3zN6qcjE3rNOhEAXiq96O6wiY8zvhfdC5A1W0mHCv/3F91eDpOOCv1Tg8VWofyjjvipQfwIxEsJJXyv6acGPvEhq9OQNhehjX0TKeepVHoQFb+IFHE1i12xTMbXKl0ot9ljv1/Tz23+B6J4Gp0D3L0OAAAAAElFTkSuQmCC";
            break;
          case '005'://救护
            element.iconUrl = "data:image/png;base64,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";
            break;
          case '006'://掩蔽
            element.iconUrl = "data:image/png;base64,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";
            break;
          case '007'://装备
            element.iconUrl = "data:image/png;base64,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";
            break;
          case '008'://其他
            element.iconUrl = "data:image/png;base64,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";
            break;
          default:
            break;
        }
      });

      console.log(this.listDataRe, "listDataRe");
    }

  },
  mounted() {
    //页面发生变化时
    this.$nextTick(() => {
      this.$refs.OfflinMap1.initData(this.initData);//初始化地图组件
      this.htmlP();//拼接工程弹窗显示内容
      this.$refs.OfflinMap1.CreateMarkers(this.listDataRe, 8);//在地图上将工程位置标记出来，并设置层级
    })
  }
}
</script>

pigeohole-detail.vue 

<style lang="less" >
.btn-class {
  text-align: center;
}
.ivu-form-item {
  width: 50%;
  float: left;
  height: 35px;
}
.showMapClass {
  .ivu-input-wrapper {
    width: e("calc(100% - 50px)");
    margin-right: 10px;
  }
}
.modalClass1 .ivu-modal {
  width: 900px !important;
  height: 800px;
  overflow: hidden;
  .ivu-modal-content {
    width: 100%;
    height: 100%;
    .ivu-modal-body {
      height: e("calc(100% - 50px)");
    }
  }
}
</style>
<template>
  <div class="operation">
    <!-- 地图展示 -->
    <Modal v-model="showMap" title="地图展示" class="modalClass1" :footerHide="true">
      <DetailMap style="height:100%;width:100%" ref="detailmap"></DetailMap>
    </Modal>
    <Modal v-model="showEditMap" title="地图修改" class="modalClass1" :footerHide="true">
      <EditMap style="height:100%;width:100%" ref="editmap" @setgps="setLatLng"></EditMap>
    </Modal>
    <Form label-position="right" ref="formValidate" :model="formValidate" :label-width="100" class="clearfix">
      <div>
        <row>
          <div class="title">工程基本信息</div>
          <Divider />
          <FormItem label="工程编号" prop="projectId">
            {{formValidate.projectId}}
            <Input v-model="formValidate.projectId" disabled></Input>
          </FormItem>
          <FormItem label="工程名称" prop="projectName">
            <Input v-model="formValidate.projectName" placeholder="暂无数据" disabled></Input>
          </FormItem>
          <FormItem label="经度" prop="longitude">
            <Input v-model="formValidate.longitude" placeholder="请输入..." disabled></Input>
          </FormItem>
          <!-- <FormItem label="纬度" prop="latitude" class="showMapClass">
            <Input v-model="formValidate.latitude" placeholder="请输入..." disabled></Input>
            <Button type="primary" shape="circle" @click="showMapFun" icon="ios-send"></Button>
          </FormItem> -->
          <FormItem label="纬度" prop="latitude" class="showMapClass">
            <Input v-model="formValidate.latitude" placeholder="请输入..." disabled></Input>
            <Button type="primary" shape="circle" @click="showEditMapFun" icon="ios-send"></Button>
          </FormItem>
          <FormItem label="工程地址" prop="projectAddr">
            <Input v-model="formValidate.projectAddr" placeholder="暂无数据" disabled></Input>
          </FormItem>

          <FormItem label="建设时间" prop="buildTime">
            <DatePicker v-model="formValidate.buildTime" type="date" placeholder="暂无数据" style="width:100%;" disabled></DatePicker>
          </FormItem>
          <FormItem label="竣工时间" prop="completedTime">
            <DatePicker v-model="formValidate.completedTime" type="date" placeholder="暂无数据" style="width:100%;" disabled></DatePicker>
          </FormItem>
          <FormItem label="人防面积" prop="defenseArea">
            <Input v-model="formValidate.defenseArea" placeholder="暂无数据" disabled>
            <span slot="append">㎡</span>
            </Input>
          </FormItem>
          <FormItem label="掩蔽面积" prop="maskingArea">
            <Input v-model="formValidate.maskingArea" placeholder="暂无数据" disabled>
            <span slot="append">㎡</span>
            </Input>
          </FormItem>
          <FormItem label="建设单位" prop="buildCompany">
            <Input v-model="formValidate.buildCompany" placeholder="暂无数据" disabled></Input>
          </FormItem>
          <FormItem label="设计单位" prop="designUse">
            <Input v-model="formValidate.designUse" placeholder="暂无数据" disabled></Input>
          </FormItem>
        </row>
      </div>
    </Form>
  </div>
</template>
<script>
// 详情接口
import DetailMap from "./detailMap.vue";
import EditMap from "./editMap.vue";
export default {
  components: {
    DetailMap,
    EditMap
  },
  data() {
    return {
      showEditMap: false,//编辑经纬度弹窗
      showMap: false,//查看经纬度弹窗
      formValidate: {},
      iconUrl:"",//工程图标
    };
  },
  methods: {
    
  //设置工程图标
  setProjectIcon(data) {
    switch (data.projectNature) {
      case '001'://指挥工程
 element.iconUrl = "data:image/png;base64,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";
 break;
 case '002'://通信工程
 element.iconUrl = "data:image/png;base64,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";
 break;
 case '003'://观察工程
 element.iconUrl = "data:image/png;base64,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";
 break;
 case '004'://射击工程
 element.iconUrl = "data:image/png;base64,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";
 break;
 case '005'://救护
 element.iconUrl = "data:image/png;base64,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";
 break;
 case '006'://掩蔽
 element.iconUrl = "data:image/png;base64,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";
 break;
 case '007'://装备
 element.iconUrl = "data:image/png;base64,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";
 break;
 case '008'://其他
 element.iconUrl = "data:image/png;base64,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";
 break;
      default:
        break;
    }
  },
    //获取详情信息
    initPage(dataValue) {
      let formValidateRe = {
        "projectId": "",
        "projectName": "安联德国印象住宅小区地下车库",
        "urbanDistrict": "001",
        "county": "002",
        "projectAddr": "八一大街以南、文苑路以西",
        "longitude": 114.442111,
        "latitude": 37.065444,
        "defenseLevel": "003",
        "protectLevel": "011",
        "projectType": ["006"],
        "buildCompany": "",
        "buildTime": "2014-01-01T00:00:00",
        "completedTime": null,
        "defenseArea": null,
        "maskingArea": null,
        "peacetimeUse": ["001"],
        "wartimeUse": ["003"],
        "designUse": "",
        "directType": null,
        "galleryType": null,
        "shaftType": null,
        "onewayType": null,
        "scrapStatus": "001",
        "scrapReason": null,
        "scrapTime": null,
        "tenantId": 1,
        "fronttId": "9758aba3-a41f-4cd0-9484-d543202a23d8",
        "id": "9758aba3-a41f-4cd0-9484-d543202a23d8",
        "projectNature": "003"
      }
      this.$set(this, "formValidate", formValidateRe);
    },
    //点击查看经纬度
    showMapFun() {
      var latlng = {
        lat: this.formValidate.latitude,
        lng: this.formValidate.longitude
      };
      this.showMap = true;
      this.setProjectIcon(this.formValidate);
      this.$refs.detailmap.setdata(latlng, this.iconUrl);
    },

    //点击编辑经纬度
    showEditMapFun() {
      var latlng = {
        lat: this.formValidate.latitude,
        lng: this.formValidate.longitude
      };
      this.showEditMap = true;
      this.setProjectIcon(this.formValidate);
      this.$refs.editmap.setdata(latlng,this.iconUrl);
    },
    //双击地图获取经纬度
    setLatLng(latlng) {
      this.formValidate.latitude = latlng.lat.toString();
      this.formValidate.longitude = latlng.lng.toString();
      this.showEditMap = this.$refs.editmap.show;
    }
  },
};
</script>

detailMap.vue 

<style lang="less">
@import "./map.less";
</style>
<template>
  <div class="baidu_map">
    <div style="height:100%;width:100%">
      <OfflinMap1 ref="OfflinMap1" style="width:100%;height:100%;" :detailTitle="detailTitle"></OfflinMap1>
    </div>
  </div>
</template>
<script>
import Vue from "vue";
// import VueEvent from "@/api/VueEvent.js";
import { debuglog } from "util";
export default {
  components: {
    // Mapinfor
  },
  name: "detailMap",
  data() {
    return {
      show: true,
      detailTitle: "位置",
      initData: {
        southWest: {//西南边界
          lat: "11.93693434739505",
          lng: "68.29101562500001"
        },
        northEast: {//东北边界
          lat: "55.4146519304482",
          lng: "145.67871093750003"
        },
        centerPoint: {//地图中心点
          lat: "31.239207",
          lng: "121.479518"
        },
        zoom: 7,
        minZoom: 5,
        maxZoom: 10,
        mapUrl: "http://192.168.199.162:9009/arctiler/osgeo/services/China/TMS/{z}/{x}/{y}.png",
        measureControl: true//有无测距功能
      },
    };
  },
  methods: {
    setdata(latlng, iconUrl,prop = null) {
      this.initData.centerPoint = latlng;
      this.$refs.OfflinMap1.setmarke(this.initData,iconUrl, prop);
    }

  }
};
</script>
editMap.vue
<style lang="less">
@import "./map.less";
</style>
<style lang="less" scoped>
.selectCityClass{
  position: absolute;
  right:20px;
  top:0;
  z-index: 999;
}
</style>
<template>
  <div class="baidu_map" style="position:relative;">
    <div style="height:100%;width:100%">
       <Select class="selectCityClass" style="width:200px" @on-change="selectCityFun">
          <Option v-for="item in cityList" :value="item.latlng" :key="item.id">{{ item.name }}</Option>
      </Select>
      <OfflinMap1 ref="OfflinMap1" style="width:100%;height:95%;" :clickcallback="showdata" @showbox="outdata" :detailTitle="detailTitle"></OfflinMap1>
    </div>
    <div style="height:10%;width:100%">经度{{getlatlng.lat}} 纬度{{getlatlng.lng}}</div>
  </div>
</template>
<script>
import Vue from "vue";
// import Mapinfor from "./_map.vue";
// import VueEvent from "@/api/VueEvent.js";
import { debuglog } from "util";
export default {
  components: {
    // Mapinfor
  },
  name: "editMap",
  data() {
    return {
      cityList:[
        {
          id:"1",
          name:"邢台市/邢台县",
          latlng:""
        },
        {
          id:"2",
          name:"桥西区",
          latlng:""
        },
        {
          id:"3",
          name:"隆尧县",
          latlng:""
        },
        {
          id:"4",
          name:"开发区",
          latlng:""
        },
        {
          id:"5",
          name:"内丘县",
          latlng:""
        },
        {
          id:"6",
          name:"柏乡县",
          latlng:""
        },
        {
          id:"7",
          name:"南和县",
          latlng:""
        },
        {
           id:"8",
          name:"临城县",
          latlng:""
        },
        {
          id:"9",
          name:"任县",
          latlng:""
        },

      ],
      detailTitle: "编辑经纬度",
      getlatlng: {
        lat: "",
        lng: ""
      },
      seclatlng: {
        lat: "",
        lng: ""
      },
      show: true,
      initData: {
        southWest: {//西南边界
          lat: "11.93693434739505",
          lng: "68.29101562500001"
        },
        northEast: {//东北边界
          lat: "55.4146519304482",
          lng: "145.67871093750003"
        },
        centerPoint: {//地图中心点
          lat: "31.239207",
          lng: "121.479518"
        },
        zoom: 7,
        minZoom: 5,
        maxZoom: 10,
        mapUrl: "http://192.168.199.162:9009/arctiler/osgeo/services/China/TMS/{z}/{x}/{y}.png",
        measureControl: true//有无测距功能
      },
    };
  },
  methods: {
    /**
     * selectCityFun
     * 选择区域
     */
    selectCityFun(val){
      if(val !=""){
        this.initData.centerPoint=val;
        this.$refs.OfflinMap1.SelectLatlng(this.initData);
      }else{
        return false;
      }
    },
    setdata(data, prop = null) {
      this.$refs.OfflinMap1.setmarke(this.initData, prop);
    },
    showdata(latlng) {
      this.getlatlng.lat = latlng.lat;
      this.getlatlng.lng = latlng.lng;
    },
    //接收双击地图取到的经纬度
    outdata(latlng) {
      debugger
      this.seclatlng.lat = latlng.lat;
      this.seclatlng.lng = latlng.lng;
      this.$emit("setgps", this.seclatlng);
      this.show = false;
    }
  },
  mounted() {
    let _this = this;
    this.$nextTick(() => {
      _this.$refs.OfflinMap1.SelectLatlng(this.initData);
      _this.clickCallBack = _this.showdata;
    });
  }
};
</script>

包含功能

功能 展示
地图展示
点的展示
点的弹窗
弹窗的详情
标记点
选择点
测距
历史版本-目录  [回到顶端]
    知识分享平台 -V 4.8.7 -wcp