修改日期 | 修改人 | 备注 |
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": "^1.5.1", "jquery": "^3.4.1",
import "leaflet/dist/leaflet.css";
如果地图不显示,请确认地图的层级
如果地图不能拖拽,请检查地图边界是否设置正确
leaflet地图与百度地图经纬度有偏差
参数名称 | 数据类型 | 说明 | 是否必填 |
---|---|---|---|
detailTitle | String | 弹窗标题 | 不必填 |
initData | Object | 初始化地图需要的参数 | 必填 |
参数名称 | 数据类型 | 说明 | 是否必填 |
---|---|---|---|
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 | 对工程数据进行处理 |
<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>
<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,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAHnklEQVRogeWaS2yUVRTHfzPTTl8UKQWKGt7YqhF8FNQIia+NSnxg3LvSNW51SVy4NK5YutONBBOMLkASDPGBCYJiKUrlZQtSqNB2ZjqdjotzDvd8d75pp7S68SQn9/u+ud+9//O8595vMkObW1lkagO6gRbABi8CJWAUKCzmZE2LMMZdQC+wAVgLLJmj/zhwARgCBoG/FzJ55g4tkAH6gCeBdXpvNIVoehLRPIgl2hHL5F3fKnAe+BY4o/fzojuxQB/wPLBK78vAWQVwHhib4/1liNC9yuuVrwKHdJyGaT4WWArsQgRAgR4DThI0PV9qBbYCTyGCgQhwELjZyACNCrAJeB3oQMAeBn4EKq5PVgG1AM1ATp8BzGjfMhLMRX1mlAP6ged0jAngM+D3xRBgO/CighkEPkcC0agdCdw2G9Ox3ZtvVx0XdJxJN9YS4BXEtarAl8B3CxHgaeBZHeww8I0D0wZ0IdrOqIC+hWRwV927M+6+hLjjpHtnJ2KNDHBEOZVmC+LtCr4CHEB8HQXYjWg+Q3AVA19PABNiJmqzSGaaBK7p86Mq1GvAM4hL/TAfATYjblONwOeBlYjWsw58Gsfg0wSoaJtF3CePZKMp4JSOsVuxjCHZLkHZ+AGSbXbrb1878K1ADyFAm5SblfNIAOcdtzjOR9zs2MZqAVYTVvCTiiGLJJGljQiwC8k2g4gpIWg+5zgGH4NurdPGwnghcnrdQ1jwjiqWNsU2qwB9ykXEdcxHV7oJPHC7TtN4GrdSaxVvAT9mj85tblx0+G6Tj4EMssKCZJwJve4m+HwTtZO9DLwJ3Kv9LwD7gF9IxoH5fsVxHDdl7VtV4VYgMTGhmF5SjIPaJ2GB+5HyYAxZpEDM1k4IWG+BB4EPgXcdeJCC7n2kPIhdqNXdp7mQt0YOCex2Hfe4YlulWIkF2KbtMcIK25UCvhN4D/gYeJz69AFS7Hnwaa7kBfFuanMu1/FmFBtIik8IsBTYiKSvE/qsneA6JsRjwH4kP89FLcAe4C3gHmp9Pw28WcHAZ7WfWeGEYtygmG8L0If466B2ADGfX5xswVnRAHhPO4C9wNuI6ZeQDGBrrTL14I07dawpxZjRsW4H8QZtz2mbRfzfr7A54DSyYppGGqUc4qLbgFtI2X0dySx5JIZWA++QTNW22HUohhmkwHtIMX9vAqzTdkjbVpLa9wNeJEpl86ROBRDTXuBSJIBlqgyi0AngD+2/Bv2xQ7kA3NAfW0hWlcZZ6tQkC6T9iH979/FzWiygGAuIK7ZmCRuJG27AZm3jGLCSejHpLFL716utTBC/FTWs3T5AfF2eI7kIeSv8tYjgy8ha4sHWq2j9omtY27IEbZdcB78++IEyiJ/6Dc1C6CNgmqSCPMVzGxnWltn2A/GuyngauExtIA8j7nAdiak+ZFWuR/uQhJAWa5BeaNZQE6H+aHHPrW4xqkY84gT4DTlNOEdyT3waKcgeJSnsBPAJIeP5nZqn+Jm/N6ylJiQvQzK3WykRC2HtCWS7CfApcEXBW97OIZYaAb4CBpC8PYGUx7e0r99a+vt4vqqOZ2T770IT4Ryny3Uou2uveZvgtPt9C+I+vsq092cQlzirQpQViLHtyOJtphfMMHhMVh+NNqlWJhC/7UJSVCkaLOYRgqbX6fU0IXvY5D6bWB8Twu7t2oSpRHOZEHb2tAyxwDhQtEA5r+2aqLPXhN/Hlggr4n0RuCnXlrQtuufG09RaIw28XRsmSwwXIUS6gel1wCcj0LGWjmvfdqQynHJcSgFfdM+MY2v41gsySYhLwzjkBRhQsL2EFW+cWs17s1vhB6EUjwUwLkb3XoDYIrGiqoRjxjzh0GvAC3BTJcoDD+uzSUIsxFaYRk2o1O+AF+twLFRsialIABOiRNjePqIYh0wov1hYkbbDPR8jaUrLMNPAr4SPFesdKK/1whyCeCHMAuVIiGs6RxY5BPZYEwIMIBvoZapRECuMk9S8tUXgT+3Xg2QxD75IrUVi4HadFtgVZL2wuqdfsV1VrDUCVJEVFWTn36HXozqJF8ImG3Hvb0sBGoMvRPdxHHjtlwja7yCcmBzCLbC5PcsT5dAocDeyO1oJ/Kydi04gL/AlxM1OIkeBwyTdzfu0XacFbplkgigj1rVC7w3EymeIDnrTirmDyHrQi5wSH1VNXdFBvAA/qZB+F+VreUgubD6vV6hNDBWda5iwN9+pWArAFzHYtIrvJrLBqCJH3Fv1edEN7DXls0gcxGkpdLY0anFli9ZWxVBFdm01HwRjFzK6jgSPfce6gQRPBQlqOwKBZO0SL0CxluNEYDyjihsmFG1bkOObLKL5U2lA6wkAIcNsBB7QSS8q0AlEk3ZuFBdijQjg8/wVJJaqhA8cu3TsI4QDrRpq5BPTE8ALhHOjA4SFBaSU6ESCPP5Cg7v2leWMjnErGqsDeJVF/MRktBn5ZuA/8h0n+aHOzpLs0KopAj9NiJFCyrv9SKq0j3z7kc3SrPS/+czqKe1D96BOfIHGPnSvRdykj3Co8K9/6E68R/2/Gvg/dfi/Gvg/gRgt+K8GdyqAp2WINjchZ5yN/NnjMnLGOcjcFpuVFkOAmP7Tv9v8A9z0EFIjrvoaAAAAAElFTkSuQmCC"; 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,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAIfUlEQVRogdWaaW+cVxXHfzN27PESx6mblKV1cTZXiJaKUIECKmV5QRcBZVXTRUCLkHjBB+iXQEKColIECo1SQBAFlS4SKZUKFU0LKilSXZM2TSoopA21E3tsz9gzvPifk3uem2fGdgggjnR1x4/v8j/7ufd5KmdvuomLTAPAGNAP1OzZIrAEnAYWLuZmvRdhjU3ALmACGAeGVxk/B5wEjgPTwOy/s3nlAjVQASaBDwJX2t9ODSTpOpI8SBODSDN9YWwbOAH8HnjJ/l4XXYgGJoGPA1vt7ybwFwNwAphZZf4oYnqXtXdZOwUctnXWTOvRwAhwM2IAA/o0cJQk6fVSDbgG2IMYAzHwK+DMWhZYqwa2A58FhhDYJ4A/ACthTNUA9QMbgB57BtCysU3kzIv2bBE4YmvtBj6GBHQ58Avg5dWArUUD1wE3Gphp4JfIEZ0GkeMOkHyhSmdqW6vbOvXwv2HgU8i02sBjwDPdwK2mgY8AH7XFDgO/JTnaALAZSbtq4CsBfCXr26FvGdhBpJW3AkMHgA8jbdxo+zx5IQxcZ+BXgEPI1jGAY7Z5NWsViszk5OBj34MCQh14054/hXzsM8ANwDzw7HoY2IG4b2fg+4AtJKm7nZc1SpiIwFfsd8vGD9v6p1AofsHm32pYZlC0K1CZrY7YpCrwmwC+BlxGctBeaxts47z1Z61sTJ/N97X6gbeTMvhRw1BFQWRkLQzcjKLNNFIlJMn7Rj22cWw56K8BB4FbSGVFzozP7aXIyGWkhPeUYRkwbF0ZmLS2iEynbWO2kMzFwecaiOC/DHzVgNyLNNpNG3G9yESVZMaLAV8pAxWUYUFxft5+j5HMZi2mcxfwlUww30ThMWrBGdlAORN9wKU2f94wYRjP+VZk4CoUDWZQYgGpzaNNlHzsI/g7jYEy+gYygVpgJNeA9y4sD7UAzxm2rYb1PAbeb/3TpAy7OYDPW5RcDbjdWjf6Oskn+ihnoociE5fY3JZhA4X4AgMjwDYUvp63Z4OkcBmZcElF570K2Gvz2sAbwN9Ci5n7LlSaRBOKphPNtWrjhmzu84ZxwjCfywOTyK6mbQBIfZ6YIhNxI2dgDtX3E0h7DwHHSAltD/AFW/e47dFHMUt7a9k+K2HfjcgPGobxPSa0I66BCetfsb6K7D9m12g+ruLLjdE54IeogvR4nodOgL8C+9CpbATVPDGUxjDtrULyQ0gF3kTUwJVBOtjGsbYp84HbgU+gw8sDqAy4D7jbNuwP84eA14AfG/hRZErjwKPAT0ziKxTNJ7YB08KrhvEKZ2DI2gIqqggSi3VNZGYvyea3ojD5I2Nin63XZ2OxTf+ESukx4IvI50AZtgI8CCxnoOPe/cbAW4Z1GKhVSQcJBw/FCjOXxF6KobKNNHiHgZtFThxj/D9R1TkKfM7Au82DEt1tdK6tHJOTYx3rRQ4Cxbq8J/yOZfGdKMM6vQE8bIuPmFSaFENilXSgGUR+9gJyyOuBd9hanzeGfkCxmvXfkQHHOtAb/rEUBpTV9HuBeyjSLDpweHLy2B4jlpcDAGdRQmqg0uDawAAoUjWB73dgwsmx9nc7OeV0R8mzaKNw/sGmakzkB5388BPp1nVgooo4huS4IJXntL/kWbuk+XOv9ZcpngPymJ/TI132cXKsS71IrZBqDkilRAS0H4Wyu8O4TcAHSD5wEjlYT1gj+sAlqLKtIzPaSJEeQ9EsBwwShNOA9Qu9pHuczWGAayWX6j4D5NXmFlQ6V1CC+TPp9gEDXiFJuw68DyVAz7ROj6M80qBcq80w1uuj01UUW+dJh3SQk7h6W1nbj6TkVEEXWg8i6W9E0ahhmzZQruhBSe9n6NjoWRZUKj+ApByPmt7apLunUcM6Byy6BE5Yf4X1Pjg/gLspPGSAzwAvAt82UJ6ktpIiTQN4J0pYvai4+x7S2BLwa+B+GxfB577imMatfw1SKfEq8G5UmxwlqXs4LOip3n8fAP5oUm/ZwvegQ8i8gfNos4CS120G9u/At4zRF5GmfP3l8Nv3q5N8apf1xyHZ4JRxuot0Fp3LJBA38E2OoSAwjBLcpfbcr9O9ufS2o4TVsnlTBr6ZrRvBt0nXjH2kS6+pqIEzxtE24L3oDqZum8co4gx4vHcaJlW0VeBLJgAfE6PNTgMyS/IRbzkDK4bBj7fX2txXnKkYBfzi6EPh+QxFZ1ouaU2TxiGbU0Gmsc2YmiCdbdvAT4F/ZMCb2XpR+m8GwezJsBYYmEKOOEo6Xvp1Xy4VV3uDZCL3BybKqI1KhMcpmliTohlFPzhDqnt2G7ZThvU8Bvz+E3Qv6ce406QIEX3ApRXN4D50F5TTCoo8D2fgcw1ETSyRpD9EujE5TEhyeS3ykrUa8GlkDi3jOi7um8VY76C+A/w8A/9d0t3OUhjfyYyWgddtbsWw1AK+c9Rz786dubROIkd+m4E/QXKmQcrPsXnMPoICxDZj6BDl/hMjj/cNA+8V5/XIpBdQ6I5Vc8f3AztIVyQHKV7u+rVfPF7GY2enG+rIoF/uxrziQnqddLFwDak6PYAO9AXqVE4fQ1Whq+9qe95AB/OzFH0g9wVvncylzHlnUXZ18FeTzPiRMvDQ/f3As8h5bkBlwCbgdySfmENFlR9gvDiLGsgpL6tbJGf1aFNBodyvEJ+kw7uB1RjAJi8An0Q3EOPInudtwzryixHS1Ud+korgY2U7hzQ5H8YMIal7tn2UVV4xrfUt5Q5ki/El33MUDyT+kq9GuuuJDr9MMW/kLwh3I6nXjKmDyJS70v/9a9YLeVNf9qJ72jY+ydpedI8jM5kkXSr8x190F+bR+VOD+FFH/NQgfgTi9D/51MA3nrI2iqS5HR1chileleQ0h0Lxy0hzq2msK12Mr1VmUOY9Yn//Vz+3+ReEIeeO5kiJ/gAAAABJRU5ErkJggg=="; 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>
<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>
功能 | 展示 |
---|---|
地图展示 | |
点的展示 | |
点的弹窗 | |
弹窗的详情 | |
标记点 | |
选择点 | |
测距 |