|
|
@@ -12,91 +12,91 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- getMap() {
|
|
|
- var _this = this
|
|
|
- this.http.post( this.port.map.mapList, {},
|
|
|
- res => {
|
|
|
- if (res.code == "ok") {
|
|
|
- var list = res.data;
|
|
|
-
|
|
|
- if(list != null && list.length > 0){
|
|
|
- var map = new AMap.Map('container', {
|
|
|
- resizeEnable: true,
|
|
|
- zoom: 5
|
|
|
- });
|
|
|
- map.clearMap();
|
|
|
- var markers = [] ,
|
|
|
- infoWindow ,
|
|
|
- data = list;
|
|
|
-
|
|
|
- var marker;
|
|
|
- for(var i in data){
|
|
|
- var jfong=[ data[i].ylng , data[i].xlat];
|
|
|
- marker = new AMap.Marker({
|
|
|
- position: jfong,
|
|
|
- zIndex: 101,
|
|
|
- map:map
|
|
|
- });
|
|
|
- marker.setMap(map);
|
|
|
- marker.msg = data[i];
|
|
|
- marker.on('click', function(data){
|
|
|
- var str = "<div class='window'>" +
|
|
|
- "<div class='info-top'><div>"+ data.target.msg.companyName +"</div><i class='el-icon-close' @click='closeInfoWindow()'></i></div>" +
|
|
|
- "<div class='info-middle'>";
|
|
|
- for(var i in data.target.msg.list){
|
|
|
- str += "<div class='info-item'><a @click='jumpToMold("+ data.target.msg.list[i].id +")'>" + data.target.msg.list[i].modelName + "（" + data.target.msg.list[i].modelNo + "）</a>"
|
|
|
- if(data.target.msg.list[i].state=='0'){
|
|
|
- str += "<span class='info-state'><span class='info-ball' style='background:#999999;'></span>" + _this.$t('base.static') + "</span>"
|
|
|
- } else {
|
|
|
- str += "<span class='info-state'><span class='info-ball' style='background:#00CD66;'></span>" + _this.$t('base.run') + "</span>"
|
|
|
- }
|
|
|
- str += "</div>"
|
|
|
- }
|
|
|
- str += "</div>" +
|
|
|
- "</div>"
|
|
|
-
|
|
|
- var MyComponent = Vue.extend({
|
|
|
- template: str ,
|
|
|
- methods:{
|
|
|
- closeInfoWindow:function() {
|
|
|
- map.clearInfoWindow();
|
|
|
- },
|
|
|
- jumpToMold:function(id) {
|
|
|
- _this.$router.push("/moldList/" + id + "/0");
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- var component= new MyComponent().$mount();
|
|
|
- infoWindow.setContent(component.$el);
|
|
|
- infoWindow.open(map, data.lnglat);
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- infoWindow = new AMap.InfoWindow({
|
|
|
- isCustom: true,
|
|
|
- draggable: true, //是否可拖动
|
|
|
- showShadow: true,
|
|
|
- autoMove: true,
|
|
|
- offset: new AMap.Pixel(0, -31),
|
|
|
- content:""
|
|
|
- });
|
|
|
-
|
|
|
- marker.setMap(map);
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- message: res.msg,
|
|
|
- type: "error"
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- error => {
|
|
|
- this.$message({
|
|
|
- message: error,
|
|
|
- type: "error"
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
+ // getMap() {
|
|
|
+ // var _this = this
|
|
|
+ // this.http.post( this.port.map.mapList, {},
|
|
|
+ // res => {
|
|
|
+ // if (res.code == "ok") {
|
|
|
+ // var list = res.data;
|
|
|
+
|
|
|
+ // if(list != null && list.length > 0){
|
|
|
+ // var map = new AMap.Map('container', {
|
|
|
+ // resizeEnable: true,
|
|
|
+ // zoom: 5
|
|
|
+ // });
|
|
|
+ // map.clearMap();
|
|
|
+ // var markers = [] ,
|
|
|
+ // infoWindow ,
|
|
|
+ // data = list;
|
|
|
+
|
|
|
+ // var marker;
|
|
|
+ // for(var i in data){
|
|
|
+ // var jfong=[ data[i].ylng , data[i].xlat];
|
|
|
+ // marker = new AMap.Marker({
|
|
|
+ // position: jfong,
|
|
|
+ // zIndex: 101,
|
|
|
+ // map:map
|
|
|
+ // });
|
|
|
+ // marker.setMap(map);
|
|
|
+ // marker.msg = data[i];
|
|
|
+ // marker.on('click', function(data){
|
|
|
+ // var str = "<div class='window'>" +
|
|
|
+ // "<div class='info-top'><div>"+ data.target.msg.companyName +"</div><i class='el-icon-close' @click='closeInfoWindow()'></i></div>" +
|
|
|
+ // "<div class='info-middle'>";
|
|
|
+ // for(var i in data.target.msg.list){
|
|
|
+ // str += "<div class='info-item'><a @click='jumpToMold("+ data.target.msg.list[i].id +")'>" + data.target.msg.list[i].modelName + "（" + data.target.msg.list[i].modelNo + "）</a>"
|
|
|
+ // if(data.target.msg.list[i].state=='0'){
|
|
|
+ // str += "<span class='info-state'><span class='info-ball' style='background:#999999;'></span>" + _this.$t('base.static') + "</span>"
|
|
|
+ // } else {
|
|
|
+ // str += "<span class='info-state'><span class='info-ball' style='background:#00CD66;'></span>" + _this.$t('base.run') + "</span>"
|
|
|
+ // }
|
|
|
+ // str += "</div>"
|
|
|
+ // }
|
|
|
+ // str += "</div>" +
|
|
|
+ // "</div>"
|
|
|
+
|
|
|
+ // var MyComponent = Vue.extend({
|
|
|
+ // template: str ,
|
|
|
+ // methods:{
|
|
|
+ // closeInfoWindow:function() {
|
|
|
+ // map.clearInfoWindow();
|
|
|
+ // },
|
|
|
+ // jumpToMold:function(id) {
|
|
|
+ // _this.$router.push("/moldList/" + id + "/0");
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // var component= new MyComponent().$mount();
|
|
|
+ // infoWindow.setContent(component.$el);
|
|
|
+ // infoWindow.open(map, data.lnglat);
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+
|
|
|
+ // infoWindow = new AMap.InfoWindow({
|
|
|
+ // isCustom: true,
|
|
|
+ // draggable: true, //是否可拖动
|
|
|
+ // showShadow: true,
|
|
|
+ // autoMove: true,
|
|
|
+ // offset: new AMap.Pixel(0, -31),
|
|
|
+ // content:""
|
|
|
+ // });
|
|
|
+
|
|
|
+ // marker.setMap(map);
|
|
|
+ // }
|
|
|
+ // } else {
|
|
|
+ // this.$message({
|
|
|
+ // message: res.msg,
|
|
|
+ // type: "error"
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // error => {
|
|
|
+ // this.$message({
|
|
|
+ // message: error,
|
|
|
+ // type: "error"
|
|
|
+ // });
|
|
|
+ // });
|
|
|
+ // },
|
|
|
},
|
|
|
mounted() {
|
|
|
//this.getMap();
|
|
|
@@ -153,7 +153,8 @@
|
|
|
pointStyle: {
|
|
|
width: 6,
|
|
|
height: 6,
|
|
|
- fillStyle:'rgba(0, 236, 252, 0.9)'
|
|
|
+ // fillStyle:'rgba(0, 236, 252, 0.9)'
|
|
|
+ fillStyle:'rgba(255, 0, 0, 1)'
|
|
|
},
|
|
|
//鼠标hover时的title信息
|
|
|
hoverTitleStyle: {
|
|
|
@@ -293,6 +294,10 @@
|
|
|
},
|
|
|
});
|
|
|
|
|
|
+ map.on('click', function(item) {
|
|
|
+ console.log(item);
|
|
|
+ });
|
|
|
+
|
|
|
window.distCluster = distCluster;
|
|
|
|
|
|
map.on('zoomend', function() {
|
