第一張圖是開啟市地圖之前的中國地圖,為過渡效果;第二張圖才是動態顯示出來的廣州市。
其實只顯示中國某個省或者某個市或是某個縣,都是一樣的寫法,這裡只寫了動態顯示市的!如果會省下鑽和市下鑽的,寫起來就容易多了,只需要變化下,再多加乙個定時器即可。
但那樣一顯示出來首先是中國地圖,定時器後隱藏中國地圖,再顯示廣州市,看起來多少會有些不舒服,所以這就是我加個過渡效果的原因,或者也可以自己新增自定義過渡效果。
在寫之前得先拿到中國各大城市的json檔案,放在public資料夾下。
然後,可複製**!
"usespreadmap" style=
"height: 400px; width: 400px;"
>
<
/div>
<
/div>
<
/template>
import echarts from
'echarts'
import
'../../node_modules/echarts/map/js/china.js'
export
default},
methods:);
let qudata =[,
,,]citysecharts
("china");
function
citysecharts
(map)
, tooltip:
, visualmap:},
geo:
, zoom:
1.2,
label:},
itemstyle:
, emphasis:}}
, series:
};usespreadmap.
setoption
(option);}
var citys =
;var that =
this;if
(this
.spacitys)}}
,10)}
//展示對應市
function
showcitys
(citysname, param)
.json`).
then
(res =>)}
}},mounted()
}<
/script>
動態顯示 XML布局
題目有點抽象,下面給大家簡單說下這種情況出現的實際情況,我講後,你就會明白這法子太有用了。在實際用途中,特別是咱們做網路處理的的時候,有時候介面是根據返回的資料來做的,那麼layout 定義的那些固定布局肯定就滿足不了我們的需求了。這個時候就會出現這種情況 linearlayou linear ne...
C 動態顯示窗體
windows提供了乙個api函式animate window,該函式可以實現窗體的動畫效果,animatewindow函式在c 中的宣告如下。dllimportattribute user32.dll private static extern bool animatewindow intptr ...
MPAndroidChart 動態顯示藍芽資料
在一次用matlab對前端串列埠資料處理時,某臉上露出一絲不易覺察的笑意,突發奇想地要把串列埠資料在手機上顯示出來。好在網上有成熟的例子,我的實現過程是建立在以下基礎上 1 藍芽通訊採用 手機藍芽串列埠的除錯助手demo實現 提供的方法,簡單明瞭,上機即行。2 資料顯示採用乙個優秀的第三方庫 mpa...