Browse Source

icon样式

shibei_master
jiangyy 4 years ago
parent
commit
09d367a2b5
  1. 7
      src/assets/scss/modules/visual/basicInfoMain.scss
  2. 38
      src/views/modules/visual/basicinfo/basicInfoMain.vue

7
src/assets/scss/modules/visual/basicInfoMain.scss

@ -237,7 +237,7 @@
.item {
background-color: #011168;
margin-top: 12px;
width: 234px;
width: 244px;
height: 190px;
border: 1px solid #037ddc;
border-radius: 8px;
@ -266,11 +266,12 @@
.icon_category {
position: absolute;
bottom: 10px;
bottom: 14px;
left: 9px;
margin-left: 9px;
// margin-left: 7px;
> img {
margin-left: 5px;
width: 21px;
height: 20px;
}

38
src/views/modules/visual/basicinfo/basicInfoMain.vue

@ -37,10 +37,6 @@
class="map"></div> -->
</div>
<div class="popup"
ref="popup">
</div>
<div class="div_data">
<div class="div_search">
<el-input size="mini"
@ -112,22 +108,18 @@ import Overlay from 'ol/Overlay';
import { defaults as defaultInteractions, Select, DoubleClickZoom } from 'ol/interaction.js';
import { getCenter, boundingExtent } from 'ol/extent.js';
import { Circle as CircleStyle, Icon, Fill, Stroke, Style, Text } from 'ol/style.js';
import { toStringHDMS } from 'ol/coordinate'
import { fromLonLat, toLonLat } from "ol/proj";
import { mapGetters } from "vuex";
import { Loading } from 'element-ui'; //Loading
import { requestPost } from "@/js/dai/request";
import BasicInfoCommunity from "./basicInfoCommunity";
import PeopleSearch from "./peopleSearch";
import People from "./people";
import cptCard from "@/views/modules/visual/cpts/card";
let loading;//
let x = 1500
let y = 700
let map;
let mapView;
let gaodeMapLayer;//
@ -587,42 +579,20 @@ const vueGis = {
zoom: this.zoom,
minZoom: this.minZoom
})
//
this.overlay = new Overlay({
element: this.$refs.popup, // html
autoPan: true, //
autoPanAnimation: { //
duration: 250
}
})
console.log(this.overlay)
//map
//
map = new Map({
layers: [gaodeMapLayer],
//
view: mapView,
target: 'map',
overlays: [this.overlay], //
target: 'map'
//map
})
let that = this
map.on('singleclick', function (e) {
console.log(e.coordinate)
const coordinate = e.coordinate //
const hdms = toStringHDMS(toLonLat(coordinate)) //
setTimeout(() => {
//
//
that.currentCoordinate = hdms //
that.overlay.setPosition(coordinate)
}, 0)
// console.log(transform(e.coordinate, 'EPSG:3857', 'EPSG:4326'));
})
//
@ -755,7 +725,7 @@ const vueGis = {
...mapGetters(["clientHeight"])
},
components: { BasicInfoCommunity, PeopleSearch, People },
components: { BasicInfoCommunity, PeopleSearch, People, cptCard },
}
export default vueGis;
</script>

Loading…
Cancel
Save