| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | #mapVue { |
|---|
| | | position: relative; |
|---|
| | | overflow: hidden; |
|---|
| | | /* border: solid 1px springgreen; */ |
|---|
| | | } |
|---|
| | |
|---|
| | | #seedata { |
|---|
| | | bottom: 0; |
|---|
| | | width: 100%; |
|---|
| | | height: 50%; |
|---|
| | | height: 40px; |
|---|
| | | z-index: 400; |
|---|
| | | background-color: #fff; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | border-radius: 60px 60px 0 0; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .title { |
|---|
| | |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | flex-direction: column; |
|---|
| | | border-top: 1px solid rgb(138, 138, 138); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div-alarm-people { |
|---|
| | |
|---|
| | | nowPosition: '', |
|---|
| | | resultFeedbackPopupShow: false, |
|---|
| | | popupDisplay: "none", |
|---|
| | | |
|---|
| | | regionName: '' |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getLocalPoliceStation () { |
|---|
| | | window.parent.getRegionName(this.regionName) |
|---|
| | | }, |
|---|
| | | getDataList () { |
|---|
| | | var that = this |
|---|
| | | that.beginCome() |
|---|
| | |
|---|
| | | }] |
|---|
| | | //url解码 |
|---|
| | | this.getdata = this.getQueryVariable('data') || data |
|---|
| | | |
|---|
| | | console.log(this.getdata, 456) |
|---|
| | | this.map = this.beginMap(this.map, this.getdata) //创建并接受map |
|---|
| | | this.map.invalidateSize(true) //应用地图高度 |
|---|
| | | }, |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | function showPosition (position) { |
|---|
| | | |
|---|
| | | that.regionName = position.district || position.city |
|---|
| | | |
|---|
| | | console.log(position) |
|---|
| | | |
|---|
| | | var adCode = position.adCode //邮政编码 |
|---|
| | | var nation = position.nation //中国 |
|---|
| | | var city = position.city //城市 |
|---|
| | |
|---|
| | | <!-- <script src="../map/lib/layui/layui.js" charset="utf-8"></script> --> |
|---|
| | | |
|---|
| | | <!-- 百度地图api --> |
|---|
| | | <script type="text/javascript" src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js"></script> |
|---|
| | | <script type="text/javascript" src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js"> |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <!-- axios支持 --> |
|---|
| | | <script src="../map/lib/axios.js"></script> |
|---|
| | |
|---|
| | | |
|---|
| | | <body> |
|---|
| | | <div id="mapVue"> |
|---|
| | | |
|---|
| | | <div class="dingwei" @click="locationMap"> |
|---|
| | | <img style="width: 80%;height: 80%;" src="./img/dingwei.png" alt=""> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div id="map"> |
|---|
| | | |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | |
|---|
| | | <button |
|---|
| | | style="position: absolute; bottom: 4px; top: auto; left: 0; right: 0; margin: auto; z-index: 111; width: 106px; height: 30px; background: #409eff; border: 1px solid #fff; color: #fff; border-radius: 4px;" |
|---|
| | | @click="getLocalPoliceStation">获取当前辖区</button> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <!-- vue渲染 --> |
|---|
| | | <script src="./js/vueMain.js"></script> |
|---|
| | |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | rowSave(row, done, loading) { |
|---|
| | | row.type = 0; |
|---|
| | | add(row).then( |
|---|
| | | () => { |
|---|
| | | this.onLoad(this.page); |
|---|
