智能搭建网站,网站推广沈阳,网站建设 摄影服务,网站制作的公1 python部分
python部分只能是静态的结果
1.1 导入库
import folium
import math
1.2 数据
cell_lst表示基站位置#xff0c;location_lst表示 用户实际位置#xff08;均为伪数据#xff09;
cell_lst[[1.341505, 103.682498],[1.342751, 103.679604],[1.341505, 10…1 python部分
python部分只能是静态的结果
1.1 导入库
import folium
import math
1.2 数据
cell_lst表示基站位置location_lst表示 用户实际位置均为伪数据
cell_lst[[1.341505, 103.682498],[1.342751, 103.679604],[1.341505, 103.682498],[1.345168, 103.687161],[1.347958, 103.689354],[1.342021, 103.689783],[1.338171, 103.694606],[1.337896, 103.697054],[1.340481, 103.705090],[1.340481, 103.705090],[1.340481, 103.705090],[1.338239, 103.706240],[1.345306, 103.722383],[1.345306, 103.722383],[1.341542, 103.720950],[1.340013, 103.722994],[1.338471, 103.725120],[1.338471, 103.725120]]
location_lst[[1.342520, 103.681236],[1.342196, 103.679179],[1.340511, 103.682740],[1.343717, 103.686724],[1.346773, 103.690370],[1.343203, 103.692289],[1.338421, 103.695795],[1.337798, 103.696571],[1.340250, 103.705373],[1.338572, 103.704885],[1.339684, 103.705642],[1.338408, 103.706127],[1.344021, 103.720346],[1.344426, 103.722062],[1.341786, 103.722293],[1.341259, 103.725101],[1.339582, 103.727067],[1.338587, 103.725448]]
1.3 计算距离
def haversine_distance(coord1, coord2):# Convert latitude and longitude from degrees to radianslat1, lon1 math.radians(coord1[0]), math.radians(coord1[1])lat2, lon2 math.radians(coord2[0]), math.radians(coord2[1])# Radius of the Earth in kilometersR 6371.0# Differences in coordinatesdlat lat2 - lat1dlon lon2 - lon1# Haversine formulaa math.sin(dlat/2)**2 math.cos(lat1) * math.cos(lat2) * math.sin(dlon/2)**2c 2 * math.atan2(math.sqrt(a), math.sqrt(1-a))# Distance in kilometersdistance R * creturn distancedistances [haversine_distance(cell, location) for cell, location in zip(cell_lst, location_lst)]
distances[0.18005323814683039,0.07772126527309729,0.11375452540404378,0.1684984707279946,0.17354640256402545,0.30802624884824137,0.135066360546843,0.05478715543865002,0.04061373617015469,0.21349087214373924,0.10779293458602432,0.022603780190190007,0.2677538048232246,0.10415494339183841,0.151739164696256,0.2721331959885841,0.24921211581025698,0.03867622572241997]1.4 folium绘制Map
1.4.1 绘制地图
mfolium.Map(location[1.341505, 103.682498],zoom_start14) 1.4.2 设置feature map
feature_group1 folium.FeatureGroup(namecell station locations)
feature_group3 folium.FeatureGroup(namecell station trajectory,showFalse)
feature_group2 folium.FeatureGroup(namecell station locations with radius,showFalse)
feature_group4 folium.FeatureGroup(nameuser locations,showFalse)
feature_group5 folium.FeatureGroup(nameuser trajectory,showFalse)
feature_group6 folium.FeatureGroup(nameuser POI inference,showFalse)#showFalse 表示这个FeatureGroup一开始不显现
1.4.3 绘制不同的feature_group内容
for i in range(len(cell_lst)):folium.Marker(cell_lst[i],iconfolium.Icon(iconwifi,prefixfa,colorred,icon_coloryellow)).add_to(feature_group1)
#基站的原始位置for i in range(len(cell_lst)):folium.Marker(cell_lst[i],iconfolium.Icon(iconwifi,prefixfa,colorred,icon_coloryellow)).add_to(feature_group2)
folium.PolyLine(locationscell_lst).add_to(feature_group2)
#基站的轨迹for i in range(len(cell_lst)):folium.Marker(cell_lst[i],iconfolium.Icon(iconwifi,prefixfa,colorred,icon_coloryellow)).add_to(feature_group3)
for i in range(len(cell_lst)): folium.Circle(locationcell_lst[i],radiusdistances[i]*1000,colorgrey,fillTrue,fill_colorlightgreen,fill_opaque0.6).add_to(feature_group3)
#基站的位置radiusfor i in location_lst:folium.Marker(i,iconfolium.Icon(iconphone,colororange,icon_colorblue)).add_to(feature_group4)
#用户的位置for i in location_lst:folium.Marker(i,iconfolium.Icon(iconphone,colororange,icon_colorblue)).add_to(feature_group5)
folium.PolyLine(locationslocation_lst,coloryellow).add_to(feature_group5)
#用户的轨迹 for i in location_lst[:2]:folium.Marker(i,iconfolium.Icon(iconfa-book,prefixfa,colorred,icon_colororange)).add_to(feature_group6)
for i in location_lst[2:9]:folium.Marker(i,iconfolium.Icon(iconfa-bus,prefixfa,colorpurple,icon_colorpink)).add_to(feature_group6)
for i in location_lst[9:11]:folium.Marker(i,iconfolium.Icon(iconfa-utensils,prefixfa,colorbeige,icon_colorgreen)).add_to(feature_group6)
for i in location_lst[11:13]:folium.Marker(i,iconfolium.Icon(iconfa-train,prefixfa,colorblue,icon_colorred)).add_to(feature_group6)
for i in location_lst[13:18]:folium.Marker(i,iconfolium.Icon(iconfa-tree,prefixfa,colorgreen,icon_colorblue)).add_to(feature_group6)
#不同的POI位置 feature_group1.add_to(m)
feature_group2.add_to(m)
feature_group3.add_to(m)
feature_group4.add_to(m)
feature_group5.add_to(m)
feature_group6.add_to(m)folium.LayerControl().add_to(m)
# 添加层控制器m.save(cell_tra.html)
feature1到feature6为此时需要手动点 2 javascript部分
但此时切换featureGroup需要手动点那有没有自动挡的方法呢
这就需要javascript部分了
点开html文件在script的最底下找到feature_group相关的内容 在后面加上这么几行
var featureGroups [feature_group_8df8517d8a89c6007b42dd2aadea48b0,feature_group_5a58f9ee265eaa471b5e4e7aa586333a,feature_group_6fd24d0e96225627d8854aa735f3fe78,feature_group_4c8deb7bf4c4f7167afe823deac0d581,feature_group_096c62b8f2bcc94692f5ad56ddf740dc,feature_group_9e343a47b18a0d5dd2abcdc211227e69];var currentGroupIndex 0;function showNextFeatureGroup() {if (currentGroupIndex 0) {// 隐藏上一个feature groupfeatureGroups[currentGroupIndex - 1].remove();}if (currentGroupIndex featureGroups.length) {// 显示当前feature groupfeatureGroups[currentGroupIndex].addTo(map_432a4a2a79d3e5bfe322e27360e2c06b);currentGroupIndex;} else {// 如果所有feature group都已显示可以停止定时器clearInterval(interval);}} // 每1秒切换一次feature groupvar interval setInterval(showNextFeatureGroup, 1000);
那么就会从第1个feature group开始 每隔1秒切换到下一个feature group 但这样的问题是只能走一遍这样的流程走完了就没了如何循环播放呢
修改一下else部分其他部分不变
function showNextFeatureGroup() {if (currentGroupIndex 0) {// 隐藏上一个feature groupfeatureGroups[currentGroupIndex - 1].remove();}if (currentGroupIndex featureGroups.length) {// 显示当前feature groupfeatureGroups[currentGroupIndex].addTo(map_432a4a2a79d3e5bfe322e27360e2c06b);currentGroupIndex;} else {currentGroupIndex 0;//重置计数器showNextFeatureGroup();}}
这样就可以一直循环了
