blocks|key|99493|text|看起来，您缺少底部的fig.show()和顶部的导入plotly.graph_objects作为go。下面的代码将打开一个地图，但数据是需要的合唱团值。在代码示例中有df，但没有包含csv。如果您想要代码中的df，请导入熊猫，并从csv创建一个名为df的数据框架。这里有一个链接，可以帮助这一点。熊猫资料|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|99494|import+json
import+plotly.graph_objects+as+go


with+open(r'{insert+file+path+here}.geojson')+as+f:
++++counties+=+json.load(f)
fig+=+go.Figure(go.Choroplethmapbox(
++++geojson=counties,
++++colorscale="Viridis",+zmin=0,+zmax=100,
++++marker_opacity=0.5,+marker_line_width=0))

fig.update_layout(mapbox_style="carto-positron",
++++++++++++++++++mapbox_zoom=3,+mapbox_center+=+{"lat":+37.0902,+"lon":+-95.7129})
fig.update_layout(margin={"r":0,"t":0,"l":0,"b":0})
fig.show()|code-block|syntax|javascript|99495|下面是一个使用大熊猫与您一起使用json.Further的示例，下面的代码说明可以找到这里|99496|from+urllib.request+import+urlopen
import+json
with+urlopen('https://raw.githubusercontent.com/plotly/datasets/master/geojson-counties-fips.json')+as+response:
++++counties+=+json.load(response)

import+pandas+as+pd
df+=+pd.read_csv("https://raw.githubusercontent.com/plotly/datasets/master/fips-unemp-16.csv",
+++++++++++++++++++dtype={"fips":+str})

import+plotly.express+as+px

fig+=+px.choropleth(df,+geojson=counties,+locations='fips',+color='unemp',
+++++++++++++++++++++++++++color_continuous_scale="Viridis",
+++++++++++++++++++++++++++range_color=(0,+12),
+++++++++++++++++++++++++++scope="usa",
+++++++++++++++++++++++++++labels={'unemp':'unemployment+rate'}
++++++++++++++++++++++++++)
fig.update_layout(margin={"r":0,"t":0,"l":0,"b":0})
fig.show()|99497|entityMap|0|LINK|mutability|MUTABLE|url|https://pandas.pydata.org/pandas-docs/stable/reference/api/pandas.DataFrame.html|1|https://plot.ly/python/mapbox-county-choropleth/^0|A|A|O|Q|44|4|0|0|0|17|2|1|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@$9|13|A|14|1|15]]|E|$]]|$1|F|3|G|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|17|8|@]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|M|3|N|5|H|7|1B|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]]]

looks like you are missing the fig.show() at the bottom and import plotly.graph_objects as go at the top. The code below will open a map, but data is needed for the choropleth values. You have df in your code example but you did not include a csv. If you want to us the df that is in your code, import pandas, and create a data frame called df from the csv. Here is a link that can help with that. <a href="https://pandas.pydata.org/pandas-docs/stable/reference/api/pandas.DataFrame.html" rel="nofollow noreferrer">Pandas dataframes</a>

<pre><code>import json
import plotly.graph_objects as go


with open(r'{insert file path here}.geojson') as f:
 counties = json.load(f)
fig = go.Figure(go.Choroplethmapbox(
 geojson=counties,
 colorscale="Viridis", zmin=0, zmax=100,
 marker_opacity=0.5, marker_line_width=0))

fig.update_layout(mapbox_style="carto-positron",
 mapbox_zoom=3, mapbox_center = {"lat": 37.0902, "lon": -95.7129})
fig.update_layout(margin={"r":0,"t":0,"l":0,"b":0})
fig.show()
</code></pre>

Here is an example of using pandas with you json.Further explanation of the code below can be found <a href="https://plot.ly/python/mapbox-county-choropleth/" rel="nofollow noreferrer">here</a>

<pre><code>from urllib.request import urlopen
import json
with urlopen('https://raw.githubusercontent.com/plotly/datasets/master/geojson-counties-fips.json') as response:
 counties = json.load(response)

import pandas as pd
df = pd.read_csv("https://raw.githubusercontent.com/plotly/datasets/master/fips-unemp-16.csv",
 dtype={"fips": str})

import plotly.express as px

fig = px.choropleth(df, geojson=counties, locations='fips', color='unemp',
 color_continuous_scale="Viridis",
 range_color=(0, 12),
 scope="usa",
 labels={'unemp':'unemployment rate'}
 )
fig.update_layout(margin={"r":0,"t":0,"l":0,"b":0})
fig.show()
</code></pre>

blocks|key|99540|text|我需要在下面的代码中添加一个id文件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|99541|我使用了这个页面的代码：https://community.plot.ly/t/plot-a-shapefile-shp-in-a-choropleth-chart/27850|offset|length|99542|entityMap|0|LINK|mutability|MUTABLE|url|https://community.plot.ly/t/plot-a-shapefile-shp-in-a-choropleth-chart/27850^0|0|C|24|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

I needed to add an id filed wit this code:

I used the code of this page: <a href="https://community.plot.ly/t/plot-a-shapefile-shp-in-a-choropleth-chart/27850" rel="nofollow noreferrer">https://community.plot.ly/t/plot-a-shapefile-shp-in-a-choropleth-chart/27850</a>

blocks|key|2055216|text|我也有类似的问题。使用show方法，它可以很好地工作，有时也可以使用破折号(只使用回调)。这个问题的出现是因为dash的旧版本，它是通过默认的anaconda通道安装的(只有一个版本1.4.1)。安装后，通过conda-锻造通道更新版本(在我的例子1.13.4)，它工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2055217|conda+install+-c+conda-forge+dash+dash-core-components+\
+++++++++++++++++dash-html-components+dash-renderer+dash-table+|code-block|syntax|javascript|2055218|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I have similar problems. With the show method, it works fine, sometimes with the dash too (using only callbacks). The problem occurs due to the really old version of dash, installed via default channel of anaconda (only one version 1.4.1). After installation via conda-forge channel newer version (in my case 1.13.4) it works.
<pre><code>conda install -c conda-forge dash dash-core-components \
 dash-html-components dash-renderer dash-table 
</code></pre>

blocks|key|672424|text|我必须解决一个类似的问题，这是我的解决方案，适用于您的问题(虽然使用px.choropleth_mapbox而不是graph_objects，我发现它令人困惑)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|672425|您所链接的数据(至少在编写时没有)没有列“Enero”。|unordered-list-item|672426|您从来没有定义过Dash-app+(app.layout+=+...)，但是您可能没有它就可以提供服务，只需按照建议的那样使用fig.show()，显式节拍是隐式的。因此，创建布局部分更好。|672427|如果我理解它是如何工作的，如果您使用GeoPandas，不需要像您在自己的答案中所建议的那样生成一个'id‘或类似的东西。|BOLD|672428|不管怎样，希望我的解决方案能为你提供一个工作的开端。我添加了单选按钮，以便您可以选择要用于颜色的数据列。|672429|import+dash
import+dash_core_components+as+dcc
import+dash_html_components+as+html
from+dash.dependencies+import+Input,+Output,+State
import+plotly.express+as+px

import+geopandas+as+gpd

print('Loading+data...')
gdf+=+gpd.read_file('https://gist.githubusercontent.com/Tlaloc-Es/5c82834e5e4a9019a91123cb11f598c0/raw/709ce9126861ef7a7c7cc4afd6216a6750d4bbe1/mexico.geojson')
gdf+=+gdf.to_crs(epsg=4326)

print('Done!')
external_stylesheets+=+['https://codepen.io/chriddyp/pen/bWLwgP.css']
app+=+dash.Dash(__name__,+external_stylesheets=external_stylesheets)

app.layout+=+html.Div([
++++html.Div([
++++++++++++++++dcc.RadioItems(
++++++++++++++++++++id='radio-color_on',
++++++++++++++++++++options=[{'label':+i,+'value':+i}+for+i+in+['AREA','PERIMETER']],
++++++++++++++++++++value='AREA',
++++++++++++++++++++labelStyle={'display':+'inline-block'}
++++++++++++++++),
++++],style={'width':+'40%25',+'display':+'inline-block',}),

html.Div([],+style={'width':'100%25'}),

++++html.Div([
++++++++++++++++dcc.Graph(id="fig")
++++],style={'width':+'100%25',+'display':+'inline-block',+'padding':+'0+10',},),
])+

@app.callback(
++++Output("fig",+"figure"),+
++++[Input("radio-color_on",+"value")])
def+draw_choropleth(color_on):
++++fig+=+px.choropleth_mapbox(gdf,+
++++++++++++++++++++++++++++geojson=gdf.geometry,+
++++++++++++++++++++++++++++locations=gdf.index,+
++++++++++++++++++++++++++++color=color_on,
++++++++++++++++++++++++++++color_continuous_scale="Viridis",
++++++++++++++++++++++++++++#range_color=(0,+12),
++++++++++++++++++++++++++++mapbox_style="carto-positron",
++++++++++++++++++++++++++++zoom=4,+
++++++++++++++++++++++++++++center+=+{"lat":gdf.centroid.y.mean(),+"lon":gdf.centroid.x.mean()},
++++++++++++++++++++++++++++opacity=0.5,
++++++++++++++++++++++++++++)
++++fig.update_layout(margin={"r":0,"t":0,"l":0,"b":0},
++++++++++++++++++++++++height=700,
++++++++++++++++++++++++)
++++
++++return+fig

if+__name__+==+'__main__':
++++app.run_server(debug=True)|code-block|syntax|javascript|672430|将此代码保存到"myapp.py“文件中，并在python+myapp.py启动所服务的开发时在终端中运行它，启动web浏览器，导航到它使用的url+(它将其写入终端，通常为172.0.0.1:8050)提供如下信息：|672431|​|672432|📷|atomic|672433|672434|我正在运行这些版本，从默认的anaconda频道。|672435|破折号1.19.0|672436|仪表板-核心部件1.3.1|672437|dash-html-组件1.0.1|672438|仪表板-渲染器1.1.2|672439|瓶1.1.2|672440|地质公园0.8.1|672441|PS。实际上，我使用这些数据来问一个关于dash+choropleth选择行为(平行线图中的选择行为)的问题。谢谢!|672442|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/8ef5669c1ca7468d00aa8332f9c22678.png|imageAlt|1|LINK|MUTABLE|url|https://stackoverflow.com/questions/68284193/selection-behavior-in-plotly-dash-choropleth-mapbox-plot^0|Y|K|0|0|I|G|1R|A|0|S|X|0|0|1G|0|0|0|31|N|F|0|0|1|0|0|1|0|1|0|0|0|1|0|0|P|0|0|9|0|0|D|0|0|H|0|0|C|0|0|6|0|0|9|0|0|1M|14|A|1|0^^$0|@$1|2|3|4|5|6|7|1W|8|@$9|1X|A|1Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|1Z|8|@]|D|@]|E|$]]|$1|I|3|J|5|H|7|20|8|@$9|21|A|22|B|C]|$9|23|A|24|B|C]]|D|@]|E|$]]|$1|K|3|L|5|H|7|25|8|@$9|26|A|27|B|M]]|D|@]|E|$]]|$1|N|3|O|5|6|7|28|8|@$9|29|A|2A|B|M]]|D|@]|E|$]]|$1|P|3|Q|5|R|7|2B|8|@]|D|@]|E|$S|T]]|$1|U|3|V|5|6|7|2C|8|@$9|2D|A|2E|B|M]|$9|2F|A|2G|B|C]]|D|@]|E|$]]|$1|W|3|X|5|6|7|2H|8|@$9|2I|A|2J|B|M]]|D|@]|E|$]]|$1|Y|3|Z|5|10|7|2K|8|@$9|2L|A|2M|B|M]]|D|@$9|2N|A|2O|1|2P]]|E|$]]|$1|11|3|X|5|6|7|2Q|8|@$9|2R|A|2S|B|M]]|D|@]|E|$]]|$1|12|3|13|5|6|7|2T|8|@$9|2U|A|2V|B|M]]|D|@]|E|$]]|$1|14|3|15|5|H|7|2W|8|@$9|2X|A|2Y|B|M]]|D|@]|E|$]]|$1|16|3|17|5|H|7|2Z|8|@$9|30|A|31|B|M]]|D|@]|E|$]]|$1|18|3|19|5|H|7|32|8|@$9|33|A|34|B|M]]|D|@]|E|$]]|$1|1A|3|1B|5|H|7|35|8|@$9|36|A|37|B|M]]|D|@]|E|$]]|$1|1C|3|1D|5|H|7|38|8|@$9|39|A|3A|B|M]]|D|@]|E|$]]|$1|1E|3|1F|5|H|7|3B|8|@$9|3C|A|3D|B|M]]|D|@]|E|$]]|$1|1G|3|1H|5|6|7|3E|8|@$9|3F|A|3G|B|M]]|D|@$9|3H|A|3I|1|3J]]|E|$]]|$1|1I|3|-4|5|6|7|3K|8|@]|D|@]|E|$]]]|1J|$1K|$5|1L|1M|1N|E|$1O|1P|1Q|-4]]|1R|$5|1S|1M|1T|E|$1U|1V]]]]

I had to solve a similar problem and this is my solution applied to your problem (although with <code>px.choropleth_mapbox</code> instead of graph_objects which I found confusing for choropleths).
<ul>
<li>The data that you link does not (at least not at the time of writing) have the column 'Enero'.</li>
<li>You never define a Dash-app (<code>app.layout = ...</code>), while you can probably serve without it and just have <code>fig.show()</code> as suggested, explicit beats implicit. Thus creating a layout section is better.</li>
<li>If I understand how it works, if you use GeoPandas you do not have to generate an 'id' or anything like that as you suggest in your own answer.</li>
</ul>
Anyways, hopefully my solution can serve as a working start for you. I added radio buttons so that you can select what data column to use for color.
<pre><code>import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output, State
import plotly.express as px

import geopandas as gpd

print('Loading data...')
gdf = gpd.read_file('https://gist.githubusercontent.com/Tlaloc-Es/5c82834e5e4a9019a91123cb11f598c0/raw/709ce9126861ef7a7c7cc4afd6216a6750d4bbe1/mexico.geojson')
gdf = gdf.to_crs(epsg=4326)

print('Done!')
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

app.layout = html.Div([
 html.Div([
 dcc.RadioItems(
 id='radio-color_on',
 options=[{'label': i, 'value': i} for i in ['AREA','PERIMETER']],
 value='AREA',
 labelStyle={'display': 'inline-block'}
 ),
 ],style={'width': '40%', 'display': 'inline-block',}),

html.Div([], style={'width':'100%'}),

 html.Div([
 dcc.Graph(id=&quot;fig&quot;)
 ],style={'width': '100%', 'display': 'inline-block', 'padding': '0 10',},),
]) 

@app.callback(
 Output(&quot;fig&quot;, &quot;figure&quot;), 
 [Input(&quot;radio-color_on&quot;, &quot;value&quot;)])
def draw_choropleth(color_on):
 fig = px.choropleth_mapbox(gdf, 
 geojson=gdf.geometry, 
 locations=gdf.index, 
 color=color_on,
 color_continuous_scale=&quot;Viridis&quot;,
 #range_color=(0, 12),
 mapbox_style=&quot;carto-positron&quot;,
 zoom=4, 
 center = {&quot;lat&quot;:gdf.centroid.y.mean(), &quot;lon&quot;:gdf.centroid.x.mean()},
 opacity=0.5,
 )
 fig.update_layout(margin={&quot;r&quot;:0,&quot;t&quot;:0,&quot;l&quot;:0,&quot;b&quot;:0},
 height=700,
 )
 
 return fig

if __name__ == '__main__':
 app.run_server(debug=True)
</code></pre>
Saving this code to a file &quot;myapp.py&quot; and running it in the terminal as <code>python myapp.py</code> starts the development served, firing up a web browser, navigating to the url that it uses (it writes it out in the terminal, usually 172.0.0.1:8050) gives you this:
<a href="https://i.stack.imgur.com/2LR1H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2LR1H.png" alt="enter image description here" /></a>
I am running these versions, from the defaults anaconda channel.
<ul>
<li>dash 1.19.0</li>
<li>dash-core-components 1.3.1</li>
<li>dash-html-components 1.0.1</li>
<li>dash-renderer 1.1.2</li>
<li>flask 1.1.2</li>
<li>geopandas 0.8.1</li>
</ul>
PS. I actually used the data to ask a question about dash choropleth mapbox selection behavior (<a href="https://stackoverflow.com/questions/68284193/selection-behavior-in-plotly-dash-choropleth-mapbox-plot">Selection behavior in plotly-dash Choropleth mapbox plot</a>). Thanks!

I am trying to build a map with <code>Choroplethmapbox</code> in Dash, but I cannot plot in that.

I test the geojson with another tool and in that tools, the map is drawn correctly, but not with <code>Choroplethmapbox</code>.

Any idea about what I am doing wrong?

Thanks

GeoJson: 

<a href="https://gist.github.com/Tlaloc-Es/5c82834e5e4a9019a91123cb11f598c0" rel="nofollow noreferrer">https://gist.github.com/Tlaloc-Es/5c82834e5e4a9019a91123cb11f598c0</a>

Python Dash Code:

<pre><code>import json
with open('mexico.geojson') as f:
 counties = json.load(f)
fig = go.Figure(go.Choroplethmapbox(
 geojson=counties,
 locations=df['COV_'],
 z=df['Enero'],
 colorscale="Viridis", zmin=0, zmax=df['Enero'].max(),
 marker_opacity=0.5, marker_line_width=0))

fig.update_layout(mapbox_style="carto-positron",
 mapbox_zoom=3, mapbox_center = {"lat": 37.0902, "lon": -95.7129})
fig.update_layout(margin={"r":0,"t":0,"l":0,"b":0})
</code></pre>

Map with Choroplethmapbox isn't showing in Dash

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正试图在Dash中用Choroplethmapbox构建一张地图，但我无法在其中绘制。我用另一个工具测试geojson，在这个工具中，映射是正确的，但不是用Choroplethmapbox绘制的。知道我做错了什么吗？谢谢GeoJson:Python代码：import jsonwith open('mexico.geo...

问带有Choroplethmapbox的地图没有显示在Dash中
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有Choroplethmapbox的地图没有显示在Dash中EN