cost 436 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 ...

公共 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),就像所有其他区域一样,当我单 ...

Vue 组件仅在我在浏览器上打开控制台模式时加载 - Vue component load only when i open console mode on browser

我在 vue js 中创建了这个组件: 我在 html 中调用模板 但是 map 仅在我在我的 chrome 浏览器上按 f12 或当我在打开控制台的情况下加载页面时才加载。 只有当我在 mu vue 应用程序中加载 map 时才会发生这种情况。 在组件中,如果我使用纯 javascript。 相反 ...

使用 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 上使用 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