名字： ${params.name}

`; return html } else { return } }, // position: [10, 10], backgroundColor: "#fff" }, visualMap: { //图例值控制 min: 0, max: 100, calculable: true, show: true, color: ['#f44336', '#fc9700', '#ffde00', '#ffde00', '#00eaff'], textStyle: { color: '#fff' } }, //地理坐标 geo: { map: 'tjbh', type: "map", aspectScale: 0.75, //长宽比 zoom: 1.1, roam: false, itemStyle: { normal: { areaColor: '#013C62', shadowColor: '#182f68', shadowOffsetX: 0, shadowOffsetY: 25, }, emphasis: { areaColor: '#2AB8FF', borderWidth: 0, color: 'green', label: { show: false } } } }, series: [{ map: 'tjbh', //使用 type: 'map', label: { normal: { show: true, textStyle: { color: '#fff' } }, emphasis: { textStyle: { color: '#fff' } } }, itemStyle: { normal: { borderColor: '#2ab8ff', borderWidth: 1.5, areaColor: '#12235c' }, emphasis: { areaColor: '#2AB8FF', borderWidth: 0, color: 'green' } }, zoom: 1.1, roam: true, }, //标记图形原点 scatter点 effectScatter涟漪特效 { type: 'scatter', coordinateSystem: 'geo', symbolSize: 5, label: { normal: { formatter: '{b}', position: 'right', show: true }, emphasis: { show: true } }, hoverAnimation: true, itemStyle: { normal: { color: '#fff' } }, zlevel: 1, data: convertData(geoCoordData) }, //标记图形大头针 { type: 'scatter', coordinateSystem: 'geo', symbol: 'pin', //标记的图形图片参考：https://echarts.apache.org/zh/option.html#series-scatter.symbol symbolSize: [40, 40], label: { normal: { show: true, textStyle: { color: '#fff', fontSize: 9, }, formatter(value) { return value.data.value[2] } } }, hoverAnimation: true, itemStyle: { normal: { color: '#D8BC37', //标志颜色 // shadowBlur: 10, // shadowColor: '#333' } }, zlevel: 1, data: convertData(geoCoordData) } ] }; var lookVideoGo = function(name) { console.log(name) } var getData = function() { $.get(uploadedDataURL, function(geojson) { echarts.registerMap('tjbh', geojson); myChart.setOption(option); }) } getData() myChart.on('georoam', function(params) { var option = myChart.getOption(); //获得option对象 if (params.zoom != null && params.zoom != undefined) { //捕捉到缩放时 option.geo[0].zoom = option.series[0].zoom; //下层geo的缩放等级跟着上层的geo一起改变 option.geo[0].center = option.series[0].center; //下层的geo的中心位置随着上层geo一起改变 } else { //捕捉到拖曳时 option.geo[0].center = option.series[0].center; //下层的geo的中心位置随着上层geo一起改变 } myChart.dispatchAction({ type: 'restore' }) myChart.setOption(option); //设置option });

天津市滨海新区地图