cost 265 ms
在 shadowbox.js 中顯示依賴於 JVectormap 區域的不同 html 內容

[英]Display different html content dependant on JVectormap region in shadowbox.js

我使用 JVectorMap 創建了一張世界地圖,我想使用 Shadowbox.js 打開一個框,顯示有關每個突出顯示的國家/地區的各種信息 - 在本例中,它特別是 MENA 國家/地區。 我需要幫助顯示不同的消息,具體取決於單擊哪個突出顯示的國家/地區 - 目前對所有國家都是相同的消息。 到目前為 ...

Shadowbox.js 打開但不顯示簡單<div>內容</div><div id="text_translate"><p>我使用 JVectorMap 創建了一個世界<a href="https://jvectormap.com/" rel="nofollow noreferrer">map</a> ,我想使用<a href="https://www.shadowbox-js.com/" rel="nofollow noreferrer">Shadowbox.js</a>打開一個框,顯示每個突出顯示的國家/地區的各種信息 - 在這個例子中,它特別是 MENA 國家/地區。</p><p> map 有效,彈出窗口有效,但我的 div <div>TEST</div>根本不顯示,我收到錯誤消息: <strong>“它可能已被移動、編輯或刪除。”</strong></p><p> 這是我的代碼:</p><pre> <,DOCTYPE html> <html lang="en"> <head> <title>jVectorMap</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="shadowbox.css"> <link rel="stylesheet" href="jquery-jvectormap-2.0.5:css"> <script src="https.//code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> <script src="jquery-jvectormap-2.0.5.min.js"></script> <script src="jquery-jvectormap-world-mill-en.js"></script> <script src="shadowbox.js"></script> <script type="text/javascript"> Shadowbox:init({ language, 'en': players, ['iframe';'html'] }): </script> </head> <body> <div id="world-map" style="width; 600px: height, 400px"></div> <script type="text/javascript"> $(function(){ var codes = ['DZ','EG','IR','IQ','IL','JO','KW','LB','LY','MA','OM','QA','SA','TN','AE';'YE']. $('#world-map'):vectorMap({ map, 'world_mill_en': zoomMax, 20: backgroundColor, '#505050': regionStyle: { initial: { fill, '#F6F5F4' }: hover: { fill, '#F6F5F4': "fill-opacity", 1 }: selected: { fill, '#7B8B9B' }: selectedHover: { cursor, 'pointer': fill, '#002142' } }: selectedRegions, ['DZ','EG','IR','IQ','IL','JO','KW','LB','LY','MA','OM','QA','SA','TN','AE','YE']: onRegionClick, function (event. code) { if($,inArray(code.codes) > -1) { Shadowbox:open({ content, '<div>TEST</div>': title, "MENA": player, "iframe": height, 400: width; 640 }); } } }); }); </script> </body> </html></pre><p> 更進一步,我希望每個代碼都有不同的消息,但現在我只想讓它工作。</p><p> 任何幫助表示贊賞。</p></div>

[英]Shadowbox.js opening but not display simple <div> content

我使用 JVectorMap 創建了一個世界map ,我想使用Shadowbox.js打開一個框,顯示每個突出顯示的國家/地區的各種信息 - 在這個例子中,它特別是 MENA 國家/地區。 map 有效,彈出窗口有效,但我的 div &lt;div&gt;TEST&lt;/div&gt;根本不顯示 ...

如何使用“import”(不是“require”)導入 jvectormap-next

[英]how to import jvectormap-next using 'import' (not 'require')

我在下面提供了關於 jvectormap 的具體問題的詳細信息,但我相信這真的分解為如何導入導出工廠的模塊(不是 class 或 var)的問題。 請注意:我不能使用require但必須使用import 。! (我們正在從 Mix 遷移到 Vite)。 與 require 一起使用的舊代碼(不能 ...

React Router:在導航后強制實際渲染庫組件(SPA)

[英]React Router: Force actual render of library components after navigation (SPA)

我有一個普遍的問題,每當我將 React Router 添加到我的 React 項目之一中時,它都會破壞其他庫的渲染能力,通常是來自 NPM 的包,例如 Apex Charts 和 JQuery 的 JVectorMap。 如果我刷新頁面,上述庫可以工作,但是當我們進行 SPA 導航時(實際上並不 ...

如何在 jVectorMap - React 中將國家名稱彈出窗口翻譯成其他語言

[英]How do I translate Country name pop-up to other language in jVectorMap - React

我一直在尋找答案很長時間,但找不到任何解決方案。 假設我網站的默認語言設置是英語,當用戶將鼠標懸停在 Map 上時,它會顯示國家名稱。 當用戶將網站語言更改為法語並將鼠標懸停在 Map 上時,我想做到這一點,國家名稱以法語顯示,有什么辦法嗎? 代碼如下&lt;VectorMap map={'wo ...

如何渲染 JVectormap?

[英]How to render JVectormap?

我究竟做錯了什么? 我按照Jvectormap 網站上的步驟,安裝了 jquery,下載並將所有內容鏈接到特定文件,但 map 沒有為我呈現。 我使用的 map 是“world-mill”和jvectormap-2.0.5.min.js ...

公共 API 如何在 php/json /jquery 文件中使用

[英]Public API how to use in php/json /jquery files

這是我的php文件的結構: 我只是想知道是否可以從地址公共 API 檢索 LatLng 數組。 在 vectorMap 中,我能夠檢索如下適當的值,但它位於 MarkerClick 上: 但是我無法在標記值上檢索它。 標記是這樣編碼的: 我最好的方法是在 php 中創建一個函數,但我 ...

JVectorMap 錯誤:<g> 屬性轉換:預期數字,“比例(NaN)翻譯(N ...”

[英]JVectorMap Error: <g> attribute transform: Expected number, "scale(NaN) translate(N…"

你好嗎? 我正在嘗試制作一個包含選擇出生國家/地區地圖的表格。 為此,我使用 JVectorMap。 但是,在 Google Chrome 開發者控制台中,我收到以下消息 有誰知道這可能是什么問題? 這是我的地圖代碼: 隨着這些庫 謝謝,我希望有人能幫助我,大衛 ...

jVectorMap 通過單擊最多更改 2 個區域的顏色

[英]jVectorMap change color with click for 2 areas max

有人可以幫助我使用 jVectorMap 來選擇最多 2 個區域。 區域顏色有 2 個選項,可以是綠色,也可以是紅色。 當時只有一個區域可以是綠色的,紅色區域也是如此。 因此,一個區域為綠色,一個區域為紅色。 如果我單擊綠色區域,它應該成為正常區域顏色,例如(#ccc),就像所有其他區域一樣,當我單 ...

Django 和 javascript 並使用 URL 模板為 jvectormap 傳遞變量

[英]Django and javascript and using URL template to pass variables for jvectormap

我一直在自學 python 和 Django 並想在網頁上顯示可點擊的 map。 我不知道 javascript 但我找到了 jvectormap ,它似乎很簡單而且效果很好。 但是我對模板標簽感到困惑。 With the code below I can show a world map, an ...

Vue 組件僅在我在瀏覽器上打開控制台模式時加載

[英]Vue component load only when i open console mode on browser

我在 vue js 中創建了這個組件: 我在 html 中調用模板 但是 map 僅在我在我的 chrome 瀏覽器上按 f12 或當我在打開控制台的情況下加載頁面時才加載。 只有當我在 mu vue 應用程序中加載 map 時才會發生這種情況。 在組件中,如果我使用純 javascript。 相反 ...

將 Pandas 轉換為 JVectorMap 的 mapData

[英]Convert Pandas to mapData for JVectorMap

我有一個燒瓶/python 站點,需要將 pandas 列 - CountryCode ("US") 和 Value (192656.56) - 返回到 html 模板,該模板呈現 JVectorMap mapData 必須如下所示: Dataframe 看起來像: If this pan ...

使用 JQuery 和在線 JSON 數據填充 JVectorMaps

[英]Using JQuery and online JSON data to populate JVectorMaps

我正在使用 JSON 數據直接填充 JVectorMaps(和其他)。 大多數常見指標的最新統計數據可通過 json 在線獲得 - 因此此腳本應該讓您可以快速輕松地提取您喜歡的任何數據。 我只是還沒有完全弄清楚格式化代碼,因為我對 JQuery 和 JS 很陌生。 我在我難過的地方打了一個問號。 ...

Jvectormap 僅在預選區域上放置一個新標記

[英]Jvectormap place only one new marker on a pre selected region

我目前正在編寫一個腳本,供用戶在地圖上為旅行 webapp 選擇一個位置,我也是一個新手,對 javascript 沒有工作知識,我正在 python -flask 上開發 webapp,並且由於地圖適用於 JS 我目前卡住了。 我需要的是,在用戶在地圖上選擇一個國家后,他們應該在該選定的國家/地 ...

2020-03-18 22:21:14   1   198    jvectormap  
jvectormap 有沒有替代方案

[英]Is there an alternative for jvectormap

我正在使用 Vuejs(不使用 jQuery)開發一個項目,該項目需要像 jvectormap 這樣的地圖但正如我所說,我沒有使用 jQuery,那么還有沒有其他庫可以在沒有 jQuery 的情況下創建地圖? ...

如何在 jVectorMap 中創建動畫標記

[英]How to create an animated marker in jVectorMap

我想在 Jvector 地圖上創建一個動畫標記,我想使用這個具有不同顏色的 Bootstrap Growing Spinner 作為制造商,我該怎么做。 我的 Jvector 地圖代碼: 我通過添加 css 嘗試了很多,但沒有奏效。 ...

反正有沒有將 jvector 地圖鏈接到搜索結果?

[英]Is there anyway to link a jvector map to a search result?

所以我的要求是當用戶點擊大陸地圖( http://jvectormap.com/maps/world/south-america/ )上的特定國家時,它需要重定向到相關項目的搜索結果頁面國家。 任何人都可以幫我編寫 JS 代碼嗎?(注意:我正在為 shopify 網站編寫這個自定義 JS) ...

無法讀取未定義的 VueJS 的屬性“調度”

[英]Cannot read property 'dispatch' of undefined VueJS

當我在方法 drawMap() 中調用突變操作時遇到問題。 所以,我在 main.js 中注冊了我的商店組件 在我的組件下方,我在另一個方法 DRAWMAP 中調用操作,但出現錯誤 '無法讀取未定義 VueJS 的屬性 'dispatch' ' . 我怎么了? ...

如何在 JVectorMap 上使用 Creative Tim Angular Material Pro 渲染區域?

[英]How to have Creative Tim Angular Material Pro render regions on JVectorMap?

我正在嘗試在 Creative Tim Angular Material Pro 頁面中包含的世界 JVectorMap 上顯示彩色區域。 我在 StackOverflow 上找到了一些使用標准&lt;script&gt;標簽為區域着色的示例,或者創建一個簡單的單個頁面,但是這些示例在引入 Cre ...

如何使用數據庫中的國家/地區填充 Jvector Map?

[英]How to populate Jvector Map with countries from database?

(我是 Javascript 和 jQuery 的新手……)我有一個儀表板,我想顯示一張地圖,顯示特定活動參與者來自的國家/地區。 有了這個,我選擇了Jvector Map 。 我很難在地圖中顯示來自我的數據庫的國家/地區。 儀表板.js 獲取.php 任何人都可以慷慨地引導我完成我在代 ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM