425 questions
0
votes
0
answers
54
views
Jvectormaps - Combining Javascript SVG maps
I'm using a Jquery library JSVectorMap (https://jvm-docs.vercel.app/docs/available-maps) to generate interactive SVG-based maps and add markers to them based on coordinates. This works great and I ...
0
votes
1
answer
68
views
Jsvector map cannot click on marker
I tried to create a world map with marker place on it.
But when I tried to OnMarkerClick it doesn't triggered the console.log why ?
My Code:
<div id="worldMap" style="width: 600px; ...
- 11
1
vote
1
answer
361
views
jVectorMap latest version(2.0.5) is not working properly with WordPress
On Static HTML, JS, and JQuery, their solution is working fine as documented https://jvectormap.com/maps/world/world/ but when I try to use WordPress and use wp_enqueue_scripts hook for the assets of ...
1
vote
1
answer
67
views
Display different html content dependant on JVectormap region in shadowbox.js
Ive created a world map using JVectorMap and am wanting to open a box using Shadowbox.js displaying various information about each highlighted country - In this example it's specifically MENA ...
- 179
0
votes
1
answer
89
views
Shadowbox.js opening but not display simple <div> content
Ive created a world map using JVectorMap and am wanting to open a box using Shadowbox.js displaying various information about each highlighted country - In this example it's specifically MENA ...
- 179
2
votes
1
answer
431
views
how to import jvectormap-next using 'import' (not 'require')
I'm providing details below about my specific issue with jvectormap, but I believe this really breaks down to a question of how to import a module that's exporting a factory (not a class or var).
...
- 51
1
vote
1
answer
153
views
React Router: Force actual render of library components after navigation (SPA)
I have a generic problem whereby whenever I add React Router into one of my React project it proceeds to break other libraries ability to render, typically being packages from NPM such as Apex Charts ...
- 301
1
vote
0
answers
29
views
ReactJS Jvectormap: calling setstate on onRegionClick causes country to not be filled
My onregionclick function uses another function:
onRegionClick={handleClick}
In handleclick, I am calling state like so:
const handleClick = (e, countryCode) => {
setGuesses(guesses + 1);
}
...
1
vote
0
answers
103
views
React Jvectormap: Show country tooltip on click
How can I show country tooltip when country is clicked and not on hover?
Solutions I've found are using JQuery, but I'm looking for a React solution. Or, if someone could explain how I could use those ...
0
votes
1
answer
477
views
JVectorMap: set a region fill color programmatically
I have a simple JVector world map, initialized as below. What I'd like to do is to change the fill color of a desired region programmatically, via jQuery. I've been looking at this example https://...
- 319
0
votes
1
answer
280
views
How do I translate Country name pop-up to other language in jVectorMap - React
I have been looking for the answer for a long time but couldn't find any solution.
Let's say my website's default language setting is English and when a user hovers over the Map it shows the country's ...
1
vote
0
answers
109
views
JVectorMap with Svg Arc
How can i convert the dimension of arc based on my coordinates,
i have written this code using svgpath.js library
path1[l] = draw
.path()
.attr({ fill: "none", stroke: "" +...
- 11
0
votes
1
answer
57
views
Public API how to use in php/json /jquery files
Here is the structure of my php file:
$lab = array(
"repartition" => array (
array(
"latLng" => array( xxx, xxx ),
"name" => "Paris&...
- 95
0
votes
0
answers
107
views
vectorMap deselecting selected regions
I'm trying to clear the user-selected region on click. But the selected region won't deselect.
You can toggle empty or not selected but if you have predefined some regions then I can't find a solution ...
1
vote
2
answers
5k
views
JVectorMap Error: <g> attribute transform: Expected number, "scale(NaN) translate(N…"
how are you? I am trying to make a form that contains a map in which to select the country of birth. For this I am using JVectorMap. However, in the Google Chrome developer console I get the following ...
- 157
1
vote
1
answer
360
views
jVectorMap change color with click for 2 areas max
Can someone help me with jVectorMap for selecting 2 regions max. There are 2 options available for region color, they could be green or they could be red. Only one region can be green at the time and ...
- 750
0
votes
0
answers
88
views
Using Ajax and Django - right way to pass json back to the template page
I'm new to anything javascript and ajax, Python and Django, I can usually do the simple stuff to show model data on a web page, and fill forms etc.
I'm just trying to figure out how Django, python ...
- 186
0
votes
1
answer
916
views
Django and javascript and using URL template to pass variables for jvectormap
I've been teaching myself python and Django and wanted to show a clickable map on a webpage. I don't know javascript but I found jvectormap and it seems to be easy and works well.
However I am ...
- 186
0
votes
1
answer
811
views
Vue component load only when i open console mode on browser
I've created this component in vue js:
$(document).ready(function () {
Vue.component('mappa', {
mounted() {
console.log("redy;");
this.initMap();
},
template: `...
- 584
1
vote
0
answers
236
views
Change zoom level with setFocus for multiple regions in jVectorMap
I have data series with multiple region filter function.
I have setFocus enabled in my map to be able to center the map once filtered.
It seems to be that the scale is only working with single ...
- 229
0
votes
1
answer
214
views
Convert Pandas to mapData for JVectorMap
I have a flask/python site that needs to return pandas columns - CountryCode ("US") and Value (192656.56) - to an html template that presents a JVectorMap
mapData must look like:
var gdpData = {
"...
- 359
1
vote
1
answer
1k
views
Using JQuery and online JSON data to populate JVectorMaps
I'm using JSON data to populate JVectorMaps (and others) directly. Up-to-date stats for most common indicators are available via json online - so this script should let you can pluck whatever data ...
- 359
0
votes
0
answers
331
views
jVectormap adding markers from database only adds one marker
I am trying to add markers from a MySQL database via PHP into jvectormap (version 2.0.2).
I'm not sure what I'm doing wrong but when I add the markers dynamically using .AddMarkers, only a single ...
- 521
1
vote
1
answer
961
views
Jvectormap place only one new marker on a pre selected region
i'm currently working on a script for the user to select a place on a map for a travel webapp, i'm also a newbie and have no working knowledge on javascript, I am developing the webapp on python -...
3
votes
1
answer
7k
views
Is there an alternative for jvectormap
I'm working on a project using Vuejs (not using jQuery) and the project requires a map like jvectormap
but as I said I'm not using jQuery, so is there any other library for creating maps without ...
2
votes
0
answers
49
views
JQuery Vector Map stopped working after I installed SSL Certificate. Why?
Following is the code for Vector World Map in index.html:
<div class="card">
<div class="card-header">
<h4>World Traffic Frequency</h4>
</div>
<...
- 812
1
vote
1
answer
1k
views
How to create an animated marker in jVectorMap
I want to create an animated marker on Jvector map, I want to use this Bootstrap Growing Spinner with different colors as makers how can I do that.
My Jvector map code:
jQuery.noConflict();
jQuery(...
- 129
0
votes
1
answer
160
views
Is there anyway to link a jvector map to a search result?
So my requirement is that when user click on a specific country on a continent map(http://jvectormap.com/maps/world/south-america/), it needs to be redirect to a search result page with the items in ...
0
votes
1
answer
3k
views
Cannot read property 'dispatch' of undefined VueJS
I have a problem when I call action for mutation in method drawMap().
So, I registered my store component in main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
...
0
votes
0
answers
79
views
JVectorMap map not clickable
I use JVectorMap use SVG world_mill and the Map function, now my problem is that every setting I enter doesn't work like the color to the Marker, instead of using MultiMap it works.
My code
new ...
- 415
0
votes
1
answer
466
views
How to have Creative Tim Angular Material Pro render regions on JVectorMap?
I'm trying to display coloured regions on the JVectorMap of the world included in the Creative Tim Angular Material Pro page.
I have found some examples on StackOverflow to colour regions using ...
- 322
1
vote
0
answers
84
views
jVectorMap Licensing - Developer
The license key purchase page is no longer available. Is this software no longer supported and unavailable for license purchase or is the software now free for commercial use.
- 11
1
vote
0
answers
163
views
How to display only one region on jvector map
Is there anyway to show only one region on jvector map . After this i have to highlighted particular city on that region onclick event below is the code that i have tried.
<li><a href="#...
- 455
0
votes
2
answers
1k
views
How to populate Jvector Map with countries from database?
(I am new to Javascript and jQuery..) I have a dashboard and I want to display a map that shows the countries where participants of a particular event are coming from. With this, I opted with Jvector ...
- 371
1
vote
0
answers
446
views
react-jvectormap Error: <circle> attribute cx,cy: Expected length, “NaN”
I'm creating a single page application in which I have used react-jvectormap(link) to display online visitors of my site. Everything is working fine but when I am trying to navigate to the other page ...
- 11
0
votes
1
answer
232
views
How to create dynamic json for jvector map to add country data
I need to create the following josn
var Zone = {
'allzones': {
"AD":[1, '2G,3G', 1],
"AE":[1, '2G,3G,LTE', 2],
"AF":[1, '2G,3G', 3],
"AG":[1, '2G,3G,LTE', 1],
"AI":[1, '...
- 67
1
vote
0
answers
271
views
Set size and position images in regions of jvectormap
I am building a website in which I am integrating a map created with the JVectorMap library, each region instead of being colored must have a background image which represents the region, all right up ...
- 11
3
votes
0
answers
171
views
jVector map displays on website but code not showing in HTML
I am studying web development and as part of a project I am doing I need to add an SVG map. I have managed to add a jVector map of New Zealand but am unable to alter in in any way because the ...
- 35
0
votes
1
answer
1k
views
Move the tip position in jvectormap?
I'm working with jvectormap to organize images that were collected across the globe.
When a user hovers over a marker, an image with a description appears above the marker. Instead of this image ...
1
vote
0
answers
827
views
jVectorMap region labels overlap
I've a world map with some highlighted countries, and only for these countries, I want to show the labels.
The issue is that if these countries are close to each other, the labels are overlapped and ...
- 5,183
0
votes
1
answer
4k
views
jvectormap show labels only for specific regions
I'm trying to show labels for the only region I highlight on the map.
Here is the code:
var map = $('#map').vectorMap({
regionsSelectable: true,
regionsSelectableOne: true,
series: {
...
- 5,183
1
vote
1
answer
571
views
jsVectorMap is rendering too small and destroys the layout
I found a problem I can't solve by myself. I just want to render a jsvectormap, so the odd thing is when it renders it is way too small.
In addition to that there is a big black block in the site ...
- 354
0
votes
1
answer
447
views
Fetch Data From Database and Match with The static Array
I am Working with the Jvector Map, In that I want to find the Country Code based on the Countries That I have in database as String.
For eg. IF the Country in Database is 'Australia' it should ...
user7671954
0
votes
1
answer
710
views
Show Custom Region Label on World jVectorMap
I have a JSON code for A jvector Map WHich is as Follows :
[
{"Country":"Australia","CountryCode":"AU","persons":"5"},
{"Country":"Spain","CountryCode":"ES","persons":"2"},
{"Country":"India","...
user7671954
0
votes
0
answers
252
views
Fetch MySQL Data into the Jvector Map Using JSON
I have fetched values From my MySQL Database and stored it in JSON Format. Now What I am trying to do is that I need to show those values on the JvectorMap.
but I am not able to do it.
Here is my PHP ...
user7671954
0
votes
1
answer
3k
views
jVectorMap scale or zoom the map on setFocus to region code
When I set the focus to a specific region, the map zoom in too much, I'd like to have it more wide. This is the code:
var mapObj = $("#vmap").vectorMap("get", "mapObject");
mapObj.setFocus({ region: ...
- 5,183
1
vote
1
answer
342
views
jVectorMap get the value of the clicked region
I have a jVectorMap created with the following code
var vmap = $('#world-map').vectorMap({
regionsSelectable: true,
regionsSelectableOne: true,
series: {
regions: [{
...
- 5,183
0
votes
0
answers
111
views
Plot Points on Jvector Map based on JSON data
I Have a JSON Data which I fetched from the database using Mysql.
The JSON is given Below :
[
{
"Country":"Australia",
"persons":"5"
},
{
"Country":"Spain",
...
user7671954
0
votes
1
answer
327
views
how to add paths as parameters in jvectormap?
I hope you can help me, it seems very simple but as I can pass paths as parameters using jvectormaps,
something like that
$('#worldMap').vectorMap({
map: 'world_mill_en',
...
3
votes
3
answers
5k
views
Attempt to use map which was not loaded: world_mill
I'm using Reactjs to display a map with jvectormap-next. I have to use jquery because react-jvectormap stop getting supported I guess. Here is my code:
import React from "react";
import $ from "...
- 1,136