Question

我是一个非常高兴的程序员，这是我的第一个Stack Overflow问题。：）

因此，我尝试使用Python在Google地图上制作汽车旅行动画。我最初使用matplotlib并且可以在路径线上获得一个动画点...然后我尝试使用散景并成功获得了在谷歌地图上叠加的路径......

我的问题是我找不到两种方法（在谷歌地图上制作动画情节）。

我的数据是Lat / Long坐标。

有什么建议吗？提前谢谢！

编辑：这是我执行gmapplot的代码......我更喜欢这个而不是动画而不是没有GMAP的动画。我的目标是为那辆＆＃34; car＆＃34;制作动画。点。

import numpy as np
from bokeh.io import output_file, show, vform
from bokeh.models.widgets import Dropdown
from bokeh.models import (GMapPlot, GMapOptions, ColumnDataSource, Line, Circle,
    DataRange1d, PanTool, WheelZoomTool, BoxSelectTool, HoverTool)

data = np.genfromtxt('Desktop\Temp Data for Python\test data 3.csv', delimiter=',',
    names=True)

map_options = GMapOptions(lat=np.average(data['Latitude']),
    lng=np.average(data['Longitude']), map_type="roadmap", zoom=13)

plot = GMapPlot(x_range=DataRange1d(), y_range=DataRange1d(), map_options=map_options,
    title="My Drive")

source = ColumnDataSource(data=dict(lat=data['Latitude'], lon=data['Longitude'],
    speed=data['GpsSpeed'],))

path = Line(x="lon", y="lat", line_width = 2, line_color='blue')
car = Circle(x=data['Longitude'][0], y=data['Latitude'][0], size=5, fill_color='red')

plot.add_glyph(source, path)
plot.add_glyph(source, car)
plot.add_tools(PanTool(), WheelZoomTool(), BoxSelectTool(),
    HoverTool(tooltips=[("Speed", "@speed"),]))

output_file("gmap_plot.html")
show(plot)

Answer 1

这可能不是您正在寻找的，但您可以使用滑块小部件来控制汽车点的位置。当我开始使用滑块时，散景文档（或github存储库，我记不起来）中的滑块示例帮助了我。

正如您所知，我遇到的问题显示在正确的位置。大约有10px的偏移量。这是一个悬而未决的问题（github issue 2964）。

以下代码目前只是生成一个通用的散景图，但从理论上讲，如果你将它从Figure更改为GMapPlot，那么应该工作。我无法直接使用GMapPlots。我想这可能是因为github问题3737.我甚至无法从散景文档中运行Austin示例。

希望这就是你的想法

from bokeh.plotting import Figure, ColumnDataSource, show, vplot
from bokeh.io import output_file
from bokeh.models import (Slider, CustomJS, GMapPlot, 
                          GMapOptions, DataRange1d, Circle, Line)
import numpy as np

output_file("path.html")

# Create path around roundabout
r = 0.000192

x1 = np.linspace(-1,1,100)*r
x2 = np.linspace(1,-1,100)*r
x = np.hstack((x1,x2))

f = lambda x : np.sqrt(r**2 - x**2)

y1 = f(x1)
y2 = -f(x2)
y = np.hstack((y1,y2))

init_x = 40.233688
init_y = -111.646784

lon = init_x + x 
lat = init_y + y

# Initialize data sources.
location = ColumnDataSource(data=dict(x=[lon[0]], y=[lat[0]]))
path = ColumnDataSource(data=dict(x=lon, y=lat))

# Initialize figure, path, and point
"""I haven't been able to verify that the GMapPlot code below works, but 
this should be the right thing to do. The zoom may be totally wrong, 
but my latlng points should be a path around a roundabout.
"""
##options = GMapOptions(lat=40.233681, lon=-111.646595, map_type="roadmap", zoom=15)
##fig = GMapPlot(x_range=DataRange1d(), y_range=DataRange1d(), map_options=options)

fig = Figure(plot_height=600, plot_width=600)

c = Circle(x='x', y='y', size=10)
p = Line(x='x', y='y')

fig.add_glyph(location, c)
fig.add_glyph(path, p)

# Slider callback
callback = CustomJS(args=dict(location=location, path=path), code="""
    var loc = location.get('data');
    var p = path.get('data');

    t = cb_obj.get('value');

    /* set the point location to the path location that
       corresponds to the slider position */
    loc['x'][0] = p['x'][t];
    loc['y'][0] = p['y'][t];

    location.trigger('change');
""")

# The way I have written this, 'start' has to be 0 and 
#  'end' has to be the length of the array of path points.
slider = Slider(start=0, end=200, step=1, callback=callback)

show(vplot(fig, slider))

使用Python / Bokeh动画GMapPlot

1 个答案: