有没有什么好的JavaScript地图控件可以实现根据数据量变色、链接等,另外需要修改脚本一则
脚本地图javascript控件php
<code> <script type="text/javascript">$(function(){ var data = {"jiangsu":{"value":"<{$count5}>","stateInitColor":"4"},"heilongjiang":{"value":"<{$count4}>","stateInitColor":"3"},"henan":{"value":"<{$count2}>","stateInitColor":"0"},"anhui":{"value":"<{$count3}>","stateInitColor":"3"},"zhejiang":{"value":"<{$count9}>","stateInitColor":"4"},"beijing":{"value":"<{$count1}>","stateInitColor":"4"},"sichuan":{"value":"<{$count6}>","stateInitColor":"6"},"fujian":{"value":"<{$count8}>","stateInitColor":"5"},"gansu":{"value":"<{$count7}>","stateInitColor":"3"},"macau":{"value":"未知","stateInitColor":"7"},"hongkong":{"value":"未知","stateInitColor":"7"},"taiwan":{"value":"未知","stateInitColor":"7"},"xizang":{"value":"未知","stateInitColor":"7"}}; var i = 1; for(k in data){ if(i <= 12){ var _cls = i < 4 ? 'active' : ''; $('#MapControl .list1').append('<li name="'+k+'"><div class="mapInfo"><i class="'+_cls+'">'+(i++)+'<span>'+chinaMapConfig.names[k]+'<b>'+data[k].value+'') }else if(i <= 24){ $('#MapControl .list2').append('<li name="'+k+'"><div class="mapInfo"><i>'+(i++)+'<span>'+chinaMapConfig.names[k]+'<b>'+data[k].value+'') }else{ $('#MapControl .list3').append('<li name="'+k+'"><div class="mapInfo"><i>'+(i++)+'<span>'+chinaMapConfig.names[k]+'<b>'+data[k].value+'') } } var mapObj_1 = {}; var stateColorList = ['990a00', 'bf0c00', 'ee0e00', 'ff362a', 'ff7c74', 'ffd3d0', '#ffe4e1', 'ffffff']; $('#RegionMap').SVGMap({ external: mapObj_1, mapName: 'china', mapWidth: 600, mapHeight: 510, stateData: data, // stateTipWidth: 118, // stateTipHeight: 47, // stateTipX: 2, // stateTipY: 0, stateTipHtml: function (mapData, obj) { var _value = mapData[obj.id].value; var _idx = mapData[obj.id].value; var active = ''; _idx < 4 ? active = 'active' : active = ''; var tipStr = '<div class="mapInfo"><span>' + obj.name + '<b>' + _value + ''; return tipStr; } }); $('#MapControl li').hover(function () { var thisName = $(this).attr('name'); var thisHtml = $(this).html(); $('#MapControl li').removeClass('select'); $(this).addClass('select'); $(document.body).append('<div id="StateTip">'); $('#StateTip').css({ left: $(mapObj_1[thisName].node).offset().left - 50, top: $(mapObj_1[thisName].node).offset().top - 40 }).html(thisHtml).show(); mapObj_1[thisName].attr({ fill: '#E99A4D' }); }, function () { var thisName = $(this).attr('name'); $('#StateTip').remove(); $('#MapControl li').removeClass('select'); mapObj_1[$(this).attr('name')].attr({ fill: "#" + stateColorList[data[$(this).attr('name')].stateInitColor] }); }); $('#MapColor').show(); // } // }); $('#WorldMap').SVGMap({ mapName: 'world', mapWidth: 600, mapHeight: 400 });});</script></code>
上面是个地图脚本,jiangsu":{"value":"","stateInitColor":"4"}这是指江苏省的计数和变色,现在的色是4,希望修改成数据量超过1000的省份在这里显示6,数据量超过2千的显示5,跪求!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

JWT是一種基於JSON的開放標準,用於在各方之間安全地傳輸信息,主要用於身份驗證和信息交換。 1.JWT由Header、Payload和Signature三部分組成。 2.JWT的工作原理包括生成JWT、驗證JWT和解析Payload三個步驟。 3.在PHP中使用JWT進行身份驗證時,可以生成和驗證JWT,並在高級用法中包含用戶角色和權限信息。 4.常見錯誤包括簽名驗證失敗、令牌過期和Payload過大,調試技巧包括使用調試工具和日誌記錄。 5.性能優化和最佳實踐包括使用合適的簽名算法、合理設置有效期、

會話劫持可以通過以下步驟實現:1.獲取會話ID,2.使用會話ID,3.保持會話活躍。在PHP中防範會話劫持的方法包括:1.使用session_regenerate_id()函數重新生成會話ID,2.通過數據庫存儲會話數據,3.確保所有會話數據通過HTTPS傳輸。

SOLID原則在PHP開發中的應用包括:1.單一職責原則(SRP):每個類只負責一個功能。 2.開閉原則(OCP):通過擴展而非修改實現變化。 3.里氏替換原則(LSP):子類可替換基類而不影響程序正確性。 4.接口隔離原則(ISP):使用細粒度接口避免依賴不使用的方法。 5.依賴倒置原則(DIP):高低層次模塊都依賴於抽象,通過依賴注入實現。

如何在系統重啟後自動設置unixsocket的權限每次系統重啟後,我們都需要執行以下命令來修改unixsocket的權限:sudo...

在PHPStorm中如何進行CLI模式的調試?在使用PHPStorm進行開發時,有時我們需要在命令行界面(CLI)模式下調試PHP�...

靜態綁定(static::)在PHP中實現晚期靜態綁定(LSB),允許在靜態上下文中引用調用類而非定義類。 1)解析過程在運行時進行,2)在繼承關係中向上查找調用類,3)可能帶來性能開銷。

使用PHP的cURL庫發送JSON數據在PHP開發中,經常需要與外部API進行交互,其中一種常見的方式是使用cURL庫發送POST�...
