|
|
|
@ -10,7 +10,7 @@
|
|
|
|
import Vue from 'vue'
|
|
|
|
import Vue from 'vue'
|
|
|
|
import * as echarts from 'echarts'
|
|
|
|
import * as echarts from 'echarts'
|
|
|
|
import 'echarts-gl'
|
|
|
|
import 'echarts-gl'
|
|
|
|
import WUXI from '@/assets/wuxi.json'
|
|
|
|
import SUZHOU from '@/assets/suzhou.json'
|
|
|
|
import tooltip from './tooltip.vue'
|
|
|
|
import tooltip from './tooltip.vue'
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
@ -20,13 +20,11 @@ export default {
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
areas: new Map([
|
|
|
|
areas: new Map([
|
|
|
|
[1,"宜兴市"],
|
|
|
|
[1,"姑苏区"],
|
|
|
|
[2,"惠山区"],
|
|
|
|
[2,"虎丘区"],
|
|
|
|
[3,"新吴区"],
|
|
|
|
[3,"吴中区"],
|
|
|
|
[4,"梁溪区"],
|
|
|
|
[4,"相城区"],
|
|
|
|
[5,"江阴市"],
|
|
|
|
[5,"吴江区"],
|
|
|
|
[6,"滨湖区"],
|
|
|
|
|
|
|
|
[7,"锡山区"]
|
|
|
|
|
|
|
|
]),
|
|
|
|
]),
|
|
|
|
chart: "",
|
|
|
|
chart: "",
|
|
|
|
label: {
|
|
|
|
label: {
|
|
|
|
@ -66,7 +64,7 @@ export default {
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
|
|
|
|
initMap () {
|
|
|
|
initMap () {
|
|
|
|
echarts.registerMap("wuxi", WUXI);
|
|
|
|
echarts.registerMap("suzhou", SUZHOU);
|
|
|
|
this.chart = echarts.init(document.querySelector("#map"))
|
|
|
|
this.chart = echarts.init(document.querySelector("#map"))
|
|
|
|
this.setOption()
|
|
|
|
this.setOption()
|
|
|
|
this.chart.on("click", params => {
|
|
|
|
this.chart.on("click", params => {
|
|
|
|
@ -99,8 +97,8 @@ export default {
|
|
|
|
// },
|
|
|
|
// },
|
|
|
|
series: [{
|
|
|
|
series: [{
|
|
|
|
type: 'map3D', // map、map3D
|
|
|
|
type: 'map3D', // map、map3D
|
|
|
|
map: 'wuxi', // 注册的地图名称
|
|
|
|
map: 'suzhou', // 注册的地图名称
|
|
|
|
name: "无锡",
|
|
|
|
name: "苏州",
|
|
|
|
label: {
|
|
|
|
label: {
|
|
|
|
// 标签的相关设置
|
|
|
|
// 标签的相关设置
|
|
|
|
show: false, // (地图上的城市名称)是否显示标签 [ default: false ]
|
|
|
|
show: false, // (地图上的城市名称)是否显示标签 [ default: false ]
|
|
|
|
@ -156,7 +154,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},{
|
|
|
|
},{
|
|
|
|
zlevel: 20,
|
|
|
|
zlevel: 20,
|
|
|
|
map: 'wuxi',
|
|
|
|
map: 'suzhou',
|
|
|
|
type: "map3D",
|
|
|
|
type: "map3D",
|
|
|
|
regionHeight: 2,
|
|
|
|
regionHeight: 2,
|
|
|
|
itemStyle: {
|
|
|
|
itemStyle: {
|
|
|
|
@ -194,7 +192,7 @@ export default {
|
|
|
|
// find.originalData.push(item)
|
|
|
|
// find.originalData.push(item)
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// })
|
|
|
|
// })
|
|
|
|
lands.forEach(item => {
|
|
|
|
houses.forEach(item => {
|
|
|
|
let find = temp.find(v => v.tag === item.area)
|
|
|
|
let find = temp.find(v => v.tag === item.area)
|
|
|
|
if (find) {
|
|
|
|
if (find) {
|
|
|
|
find.value++;
|
|
|
|
find.value++;
|
|
|
|
|
