zmofei / coronavirus-2019-demo

webinar for coronavirus map

Hi there 👋

👨🏻‍💻  About Me

Hi I’m Mofei, 哈喽我是朱文龙, A full-stack engineer since 2010, currently working on data processing pipelines at @mapbox

🛠  Tech Stack

         

⚙️  GitHub Analytics

🤝🏻  Connect with Me

coronavirus-2019-demo's Issues

时间尺度问题

1. 原始数据中，数据库是如何设计的，因为有时间尺度，时间字段怎么存储的？
   2.随着时间的变化，填色图怎么更新的，其实这和从后端返回来的数据有关。其实填色图这个source不可能把每天的数据都放在矢量切片中，请问具体是怎么实现的？
   3.原始数据能否共享？

数据面板是如何实现的？

请问截图这部分“累计数据”的展示面板，是使用哪个控件实现的？谢谢

请问地图支持接口数据源吗？（位置数据和业务数据）

数据格式只支持geojson吗？我可以接入接口数据源显示数据到地图上吗？通过接口读取数据，渲染图层。谢谢

请问heat map如何随着缩放地图而改变

在mapbox studio 的style中 tyle选择了heatmap 调整过radlus.但是缩小看不到。 只有放大才能看到。

地图如何转换成中文标注

时间穿梭模块可以开源出来吗?谢谢!

关于数字面板的问题

请问页面的数字面板模块的样式是引用哪个控件吗？官方有提供吗？好像没看到。

整个项目能开源吗

https://www.mapbox.cn/coronavirusmap

获取填色地图的面坐标以及上传到studio这个能做个教程吗

获取填色地图的面坐标以及上传到studio这个能做个教程吗

聚合图层使用setFilter时的问题

希望利用setFilter来筛选不同的日期，但是在聚合图层里没有生效，不知道问题在哪，请问可以帮我看一下吗？
以下是我添加图层的代码：
export function addCluster(map, GeojsonData, initialDate) {
map.addSource('cluster', {
type: 'geojson',
data: GeojsonData,
cluster: true, // 打开聚合
clusterRadius: 50, // 设置聚合的半径
clusterProperties: { 'confirmed': ['+', ['get', 'confirmed']] } // 设置聚合过程中需要处理的数据
});
map.addLayer(
{
id: 'cluster',
type: 'circle',
source: 'cluster',
layout: {
'visibility': 'none'
},
filter: ['>=', ['get', 'confirmed'], 1],
paint: {
'circle-radius': [
'step',
['get', 'confirmed'],
10, 10,
20, 1000,
30, 5000,
40
],
'circle-color': [
'step',
['get', 'confirmed'],
'#9ad5ff', 10,
'#9af6ff', 1000,
'cyan', 2000,
'#f1f075'
]
}
},
'waterway-label'
);

map.addLayer({
id: 'clusters-count',
type: 'symbol',
source: 'cluster',
filter: ['>=', ['get', 'confirmed'], 1],
layout: {
'text-field': '{confirmed}',
'text-font': ['DIN Offc Pro Medium', 'Arial Unicode MS Bold'],
'text-size': 12,
'text-allow-overlap': true,
'visibility': 'none'
}
}, 'waterway-label')
map.setFilter('cluster', ['==', 'date', initialDate]);
map.setFilter('clusters-count', ['==', 'date', initialDate]);
}

GeojsonData里含有date属性。