@app.route('/echarts',methods=['GET']) def echarts(): if request.method == 'GET': query_result = D_huaxue.query.filter() data = [] for row in query_result: data.append({ 'name': row.name, 'value': [row.longitude, row.latitude], 'symbolSize': 15, 'itemStyle': {'color': 'blue'} }) context = { 'query_result': query_result, 'data': data } return render_template('地图2.html', **context){ name:'海洋水文数据集', type:'scatter', coordinateSystem: 'bmap', data:data <!-- data: [--> <!-- {name: 'ShiDao', value: [122.30, 36.94], symbolSize: 15, itemStyle: {color: 'blue'}},--> <!-- {name: 'XiaoMaiDao', value: [120.28, 36.02], symbolSize: 15, itemStyle: {color: 'blue'}},--> <!-- {name: 'LianYunGang', value: [119.31, 34.73], symbolSize: 15, itemStyle: {color: 'blue'}},--> <!-- {name: 'YinShuiChuan', value: [121.95, 30.85], symbolSize: 15, itemStyle: {color: 'blue'}},--> <!-- {name: '卫星遥感海表面温度数据', value: [146,12], symbolSize: 15, itemStyle: {color: 'blue'}}--> <!-- ]--> }页面显示空白怎么修改
时间: 2024-01-12 17:05:41 浏览: 92
Flask框架URL管理操作示例【基于@app.route】
根据你提供的代码,看起来你使用的是百度地图的API来绘制地图。在地图显示空白的情况下,有可能是因为你没有正确引入百度地图API的JavaScript文件,或者是你的API密钥不正确。你可以检查一下以下几点:
1. 确认百度地图API的JavaScript文件已经正确引入,可以在浏览器的控制台中查看是否有相关的错误提示。
2. 确认你的API密钥是否正确,可以在百度地图开放平台中查看你的应用是否已经开通了相应的API权限。
3. 确认你的地图容器是否正确设置了高度和宽度,可以使用CSS样式来设置对应的属性。
希望以上信息能够帮助你解决问题。
阅读全文