<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                ### 地圖組件就是添加地圖樣式的組件。點擊“![](https://img.kancloud.cn/11/44/1144f49233281d716e1862bd89e8ef5f_39x32.png)”圖標,再點擊“地圖”,即可創建新的圖像,如圖7.11; ![](https://img.kancloud.cn/00/3f/003fe84e3830d78c6ef117550db78bab_1182x609.png) ![](https://img.kancloud.cn/eb/b5/ebb56a16f485d6758ba33c80f763369e_801x40.png) ## **一、組件名稱設置** ### 選中地圖組件,在操作界面右側的“圖層名稱”處可修改組件的名稱,如圖7.12。(名稱最好要設置一下,方便后期組件管理) ![](https://img.kancloud.cn/8e/87/8e875ad7dfc40c1a11621666d8e8390e_1231x719.png) ![](https://img.kancloud.cn/a2/19/a219af29f8c24a2439ce9e01f60ecac5_799x43.png) ## **二、輪播** ### 選中該地圖組件,在操作界面右側,打開“開啟輪播”開關,在“輪播時間”文本框中輸入時間,來設置地圖組件的輪播樣式,如圖7.13。 * ### 如果輪播時間想設為5秒,可在輪播時間的文本框中填寫5000; ![](https://img.kancloud.cn/3b/b8/3bb8bcd7ac52e1b73a0c44bc4434ee62_1241x669.png) ![](https://img.kancloud.cn/91/c8/91c8080c2c42d3ee1c65e7303d618cad_793x39.png) ## **三、地圖選擇** ### 選中該地圖組件,在操作界面右側的“地圖選擇”處通過選擇不同的地區來改變地圖樣式,如圖7.14。 ![](https://img.kancloud.cn/a1/55/a15503c4a3c8abd6ed3bba8ef123adb0_1261x759.png) ![](https://img.kancloud.cn/1f/95/1f954b730a837db3aef8304928027feb_789x36.png) ## **四、地圖比例** ### 選中該地圖組件,在操作界面右側,拖動“地圖比例”大小,來設置地圖樣式,如圖7.15。 ![](https://img.kancloud.cn/02/e5/02e5c5b62b22575fda39bde4d372c886_1112x753.png) ![](https://img.kancloud.cn/23/d1/23d1c893225a000ad2f1971a79cd5fae_801x40.png) ## **五、字體設置** ### 選中該地圖,在操作界面右側的“字體設置”處可修改地圖組件的文字樣式,如圖7.16。 * ### 字體大小:文字的大小; * ### 字體高亮顏色:鼠標點擊的時候高亮顯示的顏色; * ### 字體顏色:文字的顏色; ![](https://img.kancloud.cn/82/c5/82c5e0a53ca9d40e626579df87d3efa8_1139x689.png) ![](https://img.kancloud.cn/b1/c4/b1c4157dc23cbcbc1b9d8f62447b71e3_803x42.png) ## **六、區域設置** ### 選中該地圖組件,在操作界面右側的“提示語設置”處可修改地圖組件的提示語,如圖7.17。 * ### 區域線:提示語的字體大小; * ### 區域顏色:提示語的字體顏色; * ### 區域高亮顏色:提示語的字體顏色; ![](https://img.kancloud.cn/de/ae/deae4c2896db1f26668a5f94fcd96bd6_1152x624.png) ![](https://img.kancloud.cn/64/58/64584b26ccce7d8df8ef6f0952951d6f_788x46.png) ## **七、邊框顏色** ### 選中該地圖組件,在操作界面右側,通過設置邊框顏色,來設置地圖上區域之間的顏色樣式,如圖7.18。 ![](https://img.kancloud.cn/6c/b2/6cb2fffb118d33c53547a2bed8f09c64_1094x718.png) ![](https://img.kancloud.cn/02/0b/020bee69cf9b36a8b6ccc6e7ecfc7303_803x36.png) ## **八、接口設置** ### 選中該漏斗圖組件,在操作界面右側,點擊“![](https://img.kancloud.cn/5b/7b/5b7b521d49daa43bf957a43f3870dc71_342x76.png)”,可設置接口,如圖7.19。 ### 1\. 數據類型 ### 數據類型分為靜態數據和動態數據; * ### 靜態數據:寫死的數據; * ### 動態數據:會隨著接口傳過來的數據實時變化; ### 2\. 接口地址 ### (1)靜態數據,接口地址傳過來的內容要類似以下格式: ~~~ [{"name":"測試坐標1","value":1,"lng":118.30078125,"lat":36.91915611148194,"zoom":1},{"name":"測試坐標2","value":1,"lng":112.21435546875,"lat":37.965854128749434,"zoom":1}] ~~~ ### (2)動態數據,接口地址傳過來的內容要類似以下格式: ~~~ {"data":[{"name":"測試坐標1","value":1,"lng":118.30078125,"lat":36.91915611148194,"zoom":1},{"name":"測試坐標2","value":1,"lng":112.21435546875,"lat":37.965854128749434,"zoom":1}]} ~~~ ### 3\. 刷新時間 ### 這個參數主要針對動態數據設置的,完成數據的實時更新。 * ### 如果你想設置成5秒刷新一次,可以將刷新時間設置成“5000”; ### 4\. 刷新數據 ### 這個參數主要是重新請求以下接口,完成數據的更新。 ![](https://img.kancloud.cn/c2/15/c2154fb7ad3395101ad60cbc155b276f_688x874.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看