Microsoft Edge 浏览器,在打开开发人员工具(界面窗口尺寸有变化)的情况下拖动或缩放地图,地图上的散点就会消失。
关闭开发人员工具(界面窗口尺寸不变)的时候可以正常拖动。
使用的是高德地图,百度地图还未确认过,其它浏览器还未确认过。
配置项如下
var uploadedDataURL = "/asset/get/s/data-1583920692570-xwzC6ff8.json";
var dataset = [{
source: []
}, {
source: []
}, {
source: []
}],
zoom = 14;
$.get(uploadedDataURL, function(data) {
var source = JSON.parse(data);
dataset[0] = {
source: source
};
myChart.setOption({
dataset: dataset
})
})
option = {
tooltip: {
trigger: 'item'
},
bmap: {
center: [108.314844, 22.826972], //中心点
zooms: [zoom, zoom],
zoom: zoom, // 16以上才能看得清建筑物
labelzIndex: 10,
roam: true,
features: ['bg', 'road', 'building'],
mapStyle: 'amap://styles/4234f53306df31d99aed5d747e1fae12' // 地图主题
},
dataset: dataset,
series: [{
id: 'urban rail',
name: '地铁站',
type: 'effectScatter',
coordinateSystem: 'bmap',
datasetIndex: 0,
dimensions: ['lng', 'lat', 'name', 'id'],
encode: {
lng: 'lng',
lat: 'lat',
tooltip: ['name', 'SC']
},
symbolSize: function(val) {
return 10;
},
rippleEffect: {
brushType: 'stroke'
},
label: {
formatter: '{b}',
position: 'right',
show: true
},
itemStyle: {
color: function(params) {
return 'purple';
},
shadowBlur: 10,
shadowColor: '#333'
},
zlevel: 1
}, {
id: 'origin',
name: '起点',
type: 'scatter',
coordinateSystem: 'bmap',
datasetIndex: 1,
dimensions: ['lng', 'lat', 'name', 'id'],
encode: {
lng: 'lng',
lat: 'lat',
tooltip: ['name']
}
}, {
id: 'bus stop',
name: '公交站',
type: 'scatter',
coordinateSystem: 'bmap',
datasetIndex: 2,
dimensions: ['lng', 'lat', 'name', 'id'],
encode: {
lng: 'lng',
lat: 'lat',
tooltip: ['name']
}
}]
};