有没有什么好的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 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









JWTは、JSONに基づくオープン標準であり、主にアイデンティティ認証と情報交換のために、当事者間で情報を安全に送信するために使用されます。 1。JWTは、ヘッダー、ペイロード、署名の3つの部分で構成されています。 2。JWTの実用的な原則には、JWTの生成、JWTの検証、ペイロードの解析という3つのステップが含まれます。 3. PHPでの認証にJWTを使用する場合、JWTを生成および検証でき、ユーザーの役割と許可情報を高度な使用に含めることができます。 4.一般的なエラーには、署名検証障害、トークンの有効期限、およびペイロードが大きくなります。デバッグスキルには、デバッグツールの使用とロギングが含まれます。 5.パフォーマンスの最適化とベストプラクティスには、適切な署名アルゴリズムの使用、有効期間を合理的に設定することが含まれます。

セッションハイジャックは、次の手順で達成できます。1。セッションIDを取得します。2。セッションIDを使用します。3。セッションをアクティブに保ちます。 PHPでのセッションハイジャックを防ぐための方法には次のものが含まれます。1。セッション_regenerate_id()関数を使用して、セッションIDを再生します。2。データベースを介してストアセッションデータを3。

PHP開発における固体原理の適用には、次のものが含まれます。1。単一責任原則(SRP):各クラスは1つの機能のみを担当します。 2。オープンおよびクローズ原理(OCP):変更は、変更ではなく拡張によって達成されます。 3。Lischの代替原則(LSP):サブクラスは、プログラムの精度に影響を与えることなく、基本クラスを置き換えることができます。 4。インターフェイス分離原理(ISP):依存関係や未使用の方法を避けるために、細粒インターフェイスを使用します。 5。依存関係の反転原理(DIP):高レベルのモジュールと低レベルのモジュールは抽象化に依存し、依存関係噴射を通じて実装されます。

システムが再起動した後、UnixSocketの権限を自動的に設定する方法。システムが再起動するたびに、UnixSocketの許可を変更するために次のコマンドを実行する必要があります:sudo ...

phpstormでCLIモードをデバッグする方法は? PHPStormで開発するときは、PHPをコマンドラインインターフェイス(CLI)モードでデバッグする必要がある場合があります。

静的結合(静的::) PHPで後期静的結合(LSB)を実装し、クラスを定義するのではなく、静的コンテキストで呼び出しクラスを参照できるようにします。 1)解析プロセスは実行時に実行されます。2)継承関係のコールクラスを検索します。3)パフォーマンスオーバーヘッドをもたらす可能性があります。

PHP開発でPHPのCurlライブラリを使用してJSONデータを送信すると、外部APIと対話する必要があることがよくあります。一般的な方法の1つは、Curlライブラリを使用して投稿を送信することです。
