如何在网站更新时自动更新Mapbox

如何在网站更新时自动更新Mapbox,mapbox,mapbox-gl-js,markers,real-time-data,Mapbox,Mapbox Gl Js,Markers,Real Time Data,我希望向Mapbox添加标记。这些标记将包含指向其他网站的链接,我希望在网站更新文章时自动在地图上绘制实时数据,并提供指向网站的链接+文章中所述内容的缩短版本。有人能分享一些技巧吗?你能分享一下你到目前为止所做的事情吗? 你的问题很笼统。因此,我只能建议不要每次更改都更新整个网站,而是使用jQuery并增量更新更改 在Mapbox中,可以添加图层。这些层具有数据源。更新图层(已创建)的数据源时,显示的数据将随图层一起更新 请参见添加定期更新层的示例: 添加实时数据 正文{margin:0;p

我希望向Mapbox添加标记。这些标记将包含指向其他网站的链接,我希望在网站更新文章时自动在地图上绘制实时数据,并提供指向网站的链接+文章中所述内容的缩短版本。有人能分享一些技巧吗?

你能分享一下你到目前为止所做的事情吗? 你的问题很笼统。因此,我只能建议不要每次更改都更新整个网站,而是使用jQuery并增量更新更改

在Mapbox中,可以添加图层。这些层具有数据源。更新图层(已创建)的数据源时,显示的数据将随图层一起更新

请参见添加定期更新层的示例:


添加实时数据
正文{margin:0;padding:0;}
#映射{位置:绝对;顶部:0;底部:0;宽度:100%;}
mapboxgl.accessToken=“”;
var map=new mapboxgl.map({
容器:“映射”,
风格:'mapbox://styles/mapbox/streets-v11',
缩放:0
});
var url='1〕https://wanderdrone.appspot.com/';
map.on('load',function(){
var request=new XMLHttpRequest();
window.setInterval(函数(){
//发出GET请求以解析url处的GeoJSON
打开('GET',url,true);
request.onload=函数(){
如果(this.status>=200&&this.status<400){
//从响应中检索JSON
var json=json.parse(this.response);
//更新无人机符号在地图上的位置
map.getSource('drone').setData(json);
//将地图飞到无人机的当前位置
飞行地图({
中心:json.geometry.coordinates,
速度:0.5
});
}
};
request.send();
}, 2000);
addSource('drone',{type:'geojson',data:url});
map.addLayer({
'id':'drone',
“类型”:“符号”,
'来源':'无人机',
“布局”:{
“图标图像”:“火箭-15”
}
});
});