先貼一個非分離的成功圖片
該圖示是珠海市的基本地圖，沒什么，只是證明可以正常渲染，不缺其他所謂的包
再貼一個分離后的圖示，確實不顯示地圖，還沒找到什么原因。
代碼部分是沒有任何報錯的，有顯示已經說明了各方面是通透的。 API 這些也已經打通。
ok，以下分別貼一下視圖代碼，url，以及 html
import json
from django.http import JsonResponse
from django.views import View
from django.shortcuts import render
from rest_framework.views import APIView
from pyecharts import options as opts
from pyecharts.faker import Faker
from pyecharts.globals import ChartType
from pyecharts.charts import Geo
def json_response(errno=200, errmsg="OK", data=https://bbs.csdn.net/topics/None, **kwargs):
js_data = {
"code": errno,
"msg": errmsg,
"data": data
}
js_data.update(**kwargs)
return JsonResponse(js_data)
class Demo2View(View):
"""
地圖測驗圖例 2
url: /map/demo2
"""
def get(self, request):
return render(request, "echarts/map.html")
class Demo2ChartView(APIView):
"""
地圖測驗圖例 2 資料加載頁
url: /map/demo2/chart
"""
def get(self, request):
c = (
Geo()
.add_schema('珠海', itemstyle_opts=opts.ItemStyleOpts(
color="#323c48", border_color=Faker.rand_color(), area_color="pink"))
.add("", [list(z) for z in zip(["斗門區", "金灣區", "香洲區"], Faker.values()[:4])],
type_=ChartType.EFFECT_SCATTER)
.set_series_opts(label_opts=opts.LabelOpts(is_show=False))
.set_global_opts(
visualmap_opts=opts.VisualMapOpts(),
title_opts=opts.TitleOpts("珠海市基本地圖")
)
.dump_options_with_quotes()
)
return json_response(data=https://bbs.csdn.net/topics/json.loads(c))
url
from django.urls import path
from . import views
app_name = "mapdemo"
urlpatterns = [
path("demo2/", views.Demo2View.as_view(), name="demo2"),
path("demo2/chart/", views.Demo2ChartView.as_view(), name="chart"),
]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>分離式呼叫 map 測驗</title>
<script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
</head>
<body>
<div id="map" style="width: 1000px;height: 600px"></div>
</body>
<script>
var chart = echarts.init(document.getElementById('map'), 'white', {renderer: 'canvas'});
$(
function () {
fetchData(chart);
}
);
function fetchData() {
$.ajax({
type: "GET",
url: "/map/demo2/chart/",
dataType: 'json',
success: function (result) {
chart.setOption(result.data);
}
});
}
</script>
</html>
uj5u.com熱心網友回復：
回傳的 json 資料確實沒有毛病，前端甚至還渲染出來了一部分，就是不顯示地圖，個人猜測是前端渲染方面的問題？。轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/239740.html
上一篇：OSError: [WinError 10042] 在 getsockopt 或 setsockopt 呼叫中指定的一個未知的、無效的或不受支持的選項或層次