我正在尝试借助散景在我的 html 页面中绘制地图。我从 python 创建了图表,并尝试在 bokeh.js 的帮助下以 html 呈现图表。
后端代码:
from bokeh.plotting import figure, show
from bokeh.tile_providers import CARTODBPOSITRON, get_provider
from bokeh.models import MercatorAxis, Grid
from bokeh.embed import json_item
tile_provider = get_provider(CARTODBPOSITRON)
# range bounds supplied in web mercator coordinates
p = figure(x_range=(-2000000, 6000000), y_range=(-1000000, 7000000),
x_axis_type="mercator", y_axis_type="mercator")
p.add_layout(MercatorAxis(), 'above')
p.add_layout(MercatorAxis(), 'right')
# possible controls but not visible
p.grid.grid_line_dash = [6, 4]
p.grid.grid_line_alpha = 1
p.grid.grid_line_color = 'gray'
p.add_tile(tile_provider)
data = json_item(p)
data属性是一个散景对象,它将用于在前端渲染元素。js 代码如下所示,
Bokeh.embed.embed_item(data, "chart");
Bokeh.js 试图从一些开源加载一些图像(例如:[https://maps.wikimedia.org/osm-intl/3/7/1@2x.png])。我正面临CORS问题。有没有办法处理这个而不是 * Access-Control-Allow-Origin: **..?